.animated-corners{--corner-length:10px;--corner-thickness:1px;--corner-color:#161616;--corner-hover-color:#161616}.animated-corners span{pointer-events:none;position:absolute;left:0;top:0;height:100%;width:100%}.animated-corners span:after,.animated-corners span:before{position:absolute;display:block;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1);--tw-content:"";content:var(--tw-content);width:var(--corner-length);height:var(--corner-thickness);background-color:var(--corner-color)}.animated-corners:hover span:after,.animated-corners:hover span:before{background-color:var(--corner-hover-color)}.animated-corners span:first-child:before{top:0;left:0}.animated-corners span:first-child:after{top:0;left:0;width:var(--corner-thickness);height:var(--corner-length)}.animated-corners.filled span:first-child:before,.animated-corners:hover span:first-child:before{width:100%}.animated-corners span:nth-child(2):before{top:0;right:0}.animated-corners span:nth-child(2):after{top:0;right:0;width:var(--corner-thickness);height:var(--corner-length)}.animated-corners.filled span:nth-child(2):after,.animated-corners:hover span:nth-child(2):after{height:100%}.animated-corners span:nth-child(3):before{bottom:0;right:0}.animated-corners span:nth-child(3):after{bottom:0;right:0;width:var(--corner-thickness);height:var(--corner-length)}.animated-corners.filled span:nth-child(3):before,.animated-corners:hover span:nth-child(3):before{width:100%}.animated-corners span:nth-child(4):before{bottom:0;left:0}.animated-corners span:nth-child(4):after{bottom:0;left:0;width:var(--corner-thickness);height:var(--corner-length)}.animated-corners.filled span:nth-child(4):after,.animated-corners:hover span:nth-child(4):after{height:100%}