.border-content{position:absolute;width:100%;height:100%;top:0;left:0}.border-simultaneous{position:absolute;z-index:-1;width:100%;height:100%;pointer-events:none}.border-simultaneous div{position:absolute;background:#2c3e52}.border-simultaneous div:first-child,.border-simultaneous div:nth-child(3){width:0;height:0}.border-simultaneous div:nth-child(2),.border-simultaneous div:nth-child(4){width:0;height:0}.border-simultaneous div:first-child{top:0;left:0}.border-simultaneous.appear div:first-child{width:100%}.border-simultaneous div:nth-child(2){top:0;right:0}.border-draw.simultaneous div:nth-child(2){height:100%}.border-simultaneous div:nth-child(3){right:0;bottom:0}.border-simultaneous.appear div:nth-child(3){width:100%}.border-simultaneous div:nth-child(4){bottom:0;left:0}.border-simultaneous.appear div:nth-child(4){height:100%}.border-simultaneous.appear{z-index:100}.border-continuous{position:absolute;z-index:-1;width:100%;height:100%;pointer-events:none}.border-continuous div{position:absolute;background:#2c3e52}.border-continuous div:first-child,.border-continuous div:nth-child(3){width:0;height:10px}.border-continuous div:nth-child(2),.border-continuous div:nth-child(4){width:10px;height:0}.border-continuous div:first-child{top:0;left:0}.border-continuous div:nth-child(2){top:0;right:0}.border-continuous div:nth-child(3){right:0;bottom:0}.border-continuous div:nth-child(4){bottom:0;left:0}.border-continuous.appear{z-index:100}.line{position:absolute;z-index:-1;width:100%;height:100%;pointer-events:none}.line div{position:absolute;background:#2c3e52}.line.appear div:first-child{.line.appear{z-index:100}