::view-transition-old(root){animation-delay:600ms}::view-transition-new(root){animation:circle-in 600ms}@keyframes circle-in{from{clip-path:circle(0% at 80% 0%)}to{clip-path:circle(120% at 50% 0%)}}@keyframes skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.footer{--social-icon-size: 28px;background-color:var(--color-primary-500);color:var(--color-text-light);font:var(--font-body-400)}.footer__top,.footer__signup{padding-block:var(--spacing-600)}.footer__bottom{padding-block:var(--spacing-400);gap:var(--spacing-200) var(--spacing-600)}.footer__top{position:relative;width:100%;margin-top:var(--spacing-500);grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:var(--spacing-400) var(--spacing-800)}.footer__logo{margin-bottom:var(--spacing-400)}.footer__logo svg{width:fit-content}.footer__details{margin-bottom:var(--spacing-300)}.footer__nav{gap:var(--spacing-300)}.footer__nav-title{font:var(--font-body-300-bold);margin-bottom:var(--spacing-200)}.footer__nav-list{display:grid;gap:var(--spacing-200)}.footer__signup{width:100%;gap:var(--spacing-200);border-top:1px solid var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-800)}.footer__signup-title{font:var(--font-heading-500);margin-bottom:var(--spacing-200)}.footer__signup-form{gap:var(--spacing-200)}.footer__signup-input{width:14rem;padding:var(--spacing-200);border-radius:var(--border-radius--sm);border:1px solid var(--color-neutral-800);background:hsla(0,0%,100%,.0509803922);color:var(--color-neutral-000)}.footer__signup-input::placeholder{color:var(--color-neutral-300)}.footer__signup-button svg{width:20px;height:20px}@media(min-width: 768px){.footer__copyright{flex-direction:row}}.footer__copyright-divider{display:inline-block;position:relative;width:1px;margin-inline:var(--spacing-200)}@media(max-width: 767.98px){.footer__copyright-divider{display:none}}.footer__copyright-divider:after{content:"";position:absolute;top:-0.9rem;left:0;width:1px;height:1.25rem;background-color:var(--color-neutral-800)}.footer__heart{color:var(--color-secondary-400)}.footer__back-to-top{--height: 2.35rem;position:absolute;height:var(--height);top:calc(var(--height)/-2);right:var(--container-padding-inline);padding:var(--spacing-200);transition:transform .25s ease 0s}.footer__back-to-top:hover,.footer__back-to-top:focus{opacity:1;transform:translateY(-2px)}