.loader{position:relative;width:100%;height:6em}.ph1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:center;gap:8px;animation:ph1 3s ease infinite;clip-path:polygon(-4em -1em,4em -1em,4em 1em,-4em 1em)}.record{height:2em;background:hsla(var(--primary));border-radius:999px;animation:blink 1s step-end infinite;transform:translate(-3.5em,-50%)}.record,.record-text{position:absolute;left:50%;top:50%;width:2em}.record-text{color:hsla(var(--primary));font-size:2.2em;font-weight:700;transform:translate(-.5em,-50%);height:1.5em}@keyframes blink{50%{opacity:0}75%{opacity:1}}@keyframes ph1{25.5%{translate:0 0;clip-path:polygon(-4em -1em,4em -1em,4em 1em,-4em 1em)}30%,to{opacity:1;translate:0 3em;clip-path:polygon(-4em 1em,4em 1em,4em 1em,-4em 1em)}30.1%{opacity:0;translate:0 3em}92.4%,to{translate:0 0;opacity:0;clip-path:polygon(-4em -1em,4em -1em,4em 1em,-4em 1em)}92.5%{opacity:1;clip-path:polygon(-4em -1em,-.5em -1em,-.5em 1em,-4em 1em)}to{opacity:1;clip-path:polygon(-4em -1em,4em -1em,4em 1em,-4em 1em)}}.ph2{position:absolute;left:50%;top:50%;transform:translate(-50%,-4em);width:11em;height:7em;perspective:150px;perspective-origin:50% 0;transform-style:preserve-3d;animation:ph2 3s ease-in-out infinite}@keyframes ph2{0%,15%{translate:0 4em}0%,29%{opacity:0}30%{opacity:1}40%{translate:0 0}50%{translate:0 .5em;opacity:1}50.1%,to{opacity:0}}.laptop-b{position:absolute;left:0;right:0;bottom:0;height:.5em;background:hsla(var(--primary));border-bottom-left-radius:2em;border-bottom-right-radius:2em;animation:ph2b 3s ease infinite}.laptop-t{margin:0 1.25em;color:hsla(var(--primary));transform-origin:50% 100%;animation:ph2t 3s ease infinite}@keyframes ph2t{0%,29%{transform:rotateX(-10deg)}0%,41.9%{stroke-dasharray:unset}42%{transform:rotateX(4deg);stroke-dasharray:0 0 100}50%{transform:rotateX(-20deg);stroke-dasharray:0 50 0 100}}@keyframes ph2b{42%{scale:1 1}50%{scale:0 1}}.icon{position:absolute;width:4em;height:4em;background:hsla(var(--primary));border-radius:999px;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;animation:icon 3s ease-in-out infinite;isolation:isolate;border-color:hsla(var(--primary));border-style:solid;z-index:-1}@keyframes icon{0%,15%{translate:0 4.5em;width:0;height:0}0%,29%{opacity:0}30%{opacity:1}40%{translate:0 -.75em;width:4em;height:4em}50%{translate:0 0;opacity:1;background:hsla(var(--primary))}50.1%{border-width:2em;background:black}65%{width:4em;height:4em;transform:translate(-50%,-50%);border-width:4px}80%,to{width:2em;height:2em;translate:0 0;transform:translate(-3.5em,-50%);border-width:1em;background:black}80.1%,to{background:hsla(var(--primary))}84.9%{opacity:1}85%,to{opacity:0}}.icon:before{content:"";position:absolute;top:50%;left:50%;border:.8em solid black;box-sizing:border-box;border-left-color:transparent!important;border-bottom-color:transparent!important;transform:translate(-50%,2.5em) rotate(-45deg);transform-origin:center;animation:iconb 3s ease-in-out infinite;z-index:-1}@keyframes iconb{20%{transform:translate(-50%,2.5em) rotate(-45deg)}50%{transform:translate(-50%,-25%) rotate(-45deg);border-color:black}65%,to{transform:translateY(0) scale(1) scaleX(1.5) translate(-60%,-50%) rotate(45deg);border-color:hsla(var(--primary))}85%,to{transform:translate(-40%,-50%) scale(0) scaleX(1.5) translate(-75%,-50%) rotate(45deg)}}.icon:after{content:"";position:absolute;top:50%;left:50%;background:black;width:1em;height:2em;box-sizing:border-box;border-left-color:transparent;border-bottom-color:transparent;animation:icona 3s ease-in-out infinite}@keyframes icona{20%{transform:translate(-50%,2.5em)}50%{transform:translate(-50%,.4em)}65%,to{transform:translate(-50%,2.5em)}}