.cross[data-v-d1a538f5]{--tw-rotate:0deg;height:1rem;margin-right:1px;position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:1rem}.cross[data-v-d1a538f5]:hover{--tw-bg-opacity:1;background-color:hsl(var(--s)/var(--tw-bg-opacity))}.cross[data-v-d1a538f5]:after,.cross[data-v-d1a538f5]:before{--tw-bg-opacity:1;background-color:hsl(var(--bc)/var(--tw-bg-opacity));content:"";position:absolute;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cross[data-v-d1a538f5]:before{height:2px;left:4%;top:46%;width:100%}.cross[data-v-d1a538f5]:after,.cross[data-v-d1a538f5]:before{--tw-rotate:-45deg;border-radius:.25rem;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cross[data-v-d1a538f5]:after{height:100%;left:50%;top:0;width:2px}.cross-container:hover .cross[data-v-d1a538f5]:before{opacity:0}.cross-container:hover .cross[data-v-d1a538f5]:after{animation:rotateAnimation-d1a538f5 .3s ease forwards}.cross[data-v-d1a538f5]:after{animation:rotateReverseAnimation-d1a538f5 .5s ease both}@keyframes rotateAnimation-d1a538f5{0%{transform:rotate(-45deg)}to{transform:rotate(-135deg)}}@keyframes rotateReverseAnimation-d1a538f5{0%{transform:rotate(-135deg)}to{transform:rotate(-45deg)}}