.angularLogo[data-astro-cid-bnvopuoh]{width:10rem;height:10rem;display:grid;place-content:center;place-items:center;position:relative;margin:auto;.angularLogo-ring[data-astro-cid-bnvopuoh]{--color-ring1: #fff;--color-ring2: #000;--time-animation: 10s;--size-ring1: 20rem;--size-ring2: calc(var(--size-ring1) + 20rem);--size-ball: calc(var(--size-ring1) / 20);--rotate-ring1: 0deg;--rotate-ring2: calc(var(--rotate-ring1) + 90deg);--color-ball1: linear-gradient(to right, #aa4b6b, #6b6b83, #3b8d99);--color-ball2: linear-gradient(to right, #1e9600, #fff200, #ff0000);--color-ball3: linear-gradient(to right, #a8c0ff, #3f2b96);--color-ball4: linear-gradient(to right, #03001e, #7303c0, #ec38bc, #fdeff9);grid-area:1/1/1/1;position:relative;border-radius:50%;&:after,&:before{position:absolute;content:"";width:var(--size-ball);height:var(--size-ball);border-radius:50%;border:solid var(--color-ring1) .1rem}&:after{top:0;left:50%;translate:0 -.5rem}&:before{bottom:0;left:50%;translate:0 .5rem}}.angularLogo-inset[data-astro-cid-bnvopuoh]{border:solid .1rem var(--color-ring1);height:var(--size-ring2);width:var(--size-ring2);rotate:var(--size-ring1);animation:rotate var(--time-animation) linear infinite;&:before{background:var(--color-ball1)}&:after{background:var(--color-ball2)}}.angularLogo-outset[data-astro-cid-bnvopuoh]{border:dotted .1rem var(--color-ring1);height:var(--size-ring1);width:var(--size-ring1);rotate:var(--rotate-ring2);animation:rotate var(--time-animation) linear reverse infinite;&:before{background:var(--color-ball3)}&:after{background:var(--color-ball4)}}.angularLogo-icon[data-astro-cid-bnvopuoh]{grid-area:1/1/1/1;width:fit-content}}.reactLogo[data-astro-cid-hbompd2w]{height:10rem;width:10rem;display:grid;place-content:center;position:relative;z-index:10;.reactLogo-animations[data-astro-cid-hbompd2w]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50rem;height:20rem}.reactLogo-icon[data-astro-cid-hbompd2w]{animation:rotate 20s linear infinite}}.containerBlocks[data-astro-cid-hbompd2w]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;.containerBlocks-block[data-astro-cid-hbompd2w]{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#fff3;animation:animateBlock 25s linear infinite;bottom:-150px;&:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}&:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}&:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}&:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}&:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}&:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}&:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}&:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}&:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}&:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}}}.vue-animation[data-astro-cid-2enagivp]{--bounce-duration: 1s;.shadow-animate[data-astro-cid-2enagivp]{animation:shadowPulse var(--bounce-duration) ease-in-out infinite calc(var(--bounce-duration) * .5)}.animate-ripple-1[data-astro-cid-2enagivp]{animation:rippleExpand var(--bounce-duration) ease-in-out infinite calc(var(--bounce-duration) * .5)}.animate-ripple-2[data-astro-cid-2enagivp]{animation:rippleExpand var(--bounce-duration) ease-in-out infinite calc(var(--bounce-duration) * .75)}.animate-ripple-3[data-astro-cid-2enagivp]{animation:rippleExpand var(--bounce-duration) ease-in-out infinite calc(var(--bounce-duration) * 1.5)}.animate-ripple-4[data-astro-cid-2enagivp]{animation:rippleExpand var(--bounce-duration) ease-in-out infinite calc(var(--bounce-duration) * 1.75)}}@keyframes rippleExpand{0%{width:10px;height:10px;opacity:1}to{width:400px;height:400px;opacity:0}}@keyframes shadowPulse{0%,to{transform:scaleX(.6);opacity:.3;filter:blur(2px)}50%{transform:scaleX(1.2);opacity:.7;filter:blur(4px)}}.stack{--total-cards: 4;--card-height: calc(100% / var(--total-cards));--target-brightness: 50%;display:flex;flex-direction:column;gap:calc(8vw + 1rem);view-timeline-name:--container-cards;.stack-item{position:sticky;top:calc(var(--index) * 1rem);transform-origin:top center;animation:stacking linear forwards;animation-timeline:--container-cards;animation-range-start:exit-crossing calc(var(--card-height) * (var(--index) - 1));animation-range-end:exit-crossing calc(var(--card-height) * var(--index))}}@keyframes stacking{to{transform:scale(calc(1 - .1 * (var(--total-cards) - var(--index))));filter:brightness(var(--target-brightness))}}