.line-bordex{border-top:1px solid rgb(var(--primary)/.4);translate:0 50%}.line-bordex:before{content:"";position:absolute;top:-2px;left:0;width:50%;height:2px;transition:transform .9s ease-in-out -.1s,opacity .2s ease-in-out;background-image:linear-gradient(to right,transparent,rgb(var(--primary)),transparent);opacity:0;border-radius:100%}.animate-line .line-bordex:before,.project:hover .line-bordex:before{transform:translateX(100%);opacity:1}.project:hover .project-img{transform:scale(1);cursor:pointer}dialog::backdrop{background-color:rgba(0,0,0,.3);backdrop-filter:blur(2px);transition:all .25s ease-in-out}.fade-in-fwd{-webkit-animation:fade-in-fwd .4s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-fwd .5s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.fade-out-bck{-webkit-animation:fade-out-bck .25s cubic-bezier(.25,.46,.45,.94) both;animation:fade-out-bck .25s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes fade-out-bck{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}}@keyframes fade-out-bck{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}}