.footer{-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);background:linear-gradient(180deg,color-mix(in srgb,var(--main-bg-color) 74%,transparent) 0,color-mix(in srgb,var(--main-bg-color) 64%,transparent) 100%);border:1px solid color-mix(in srgb,var(--muted-color) 12%,transparent);box-shadow:0 -6px 28px -14px color-mix(in srgb,var(--main-color) 14%,transparent);overflow:hidden;position:relative}.footer:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--focus-color) 60%,transparent),transparent);content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-copyright{background:color-mix(in srgb,var(--main-color) 3%,transparent);border:1px solid color-mix(in srgb,var(--muted-color) 10%,transparent);border-radius:var(--main-radius);padding:12px 16px}.footer-social .social-btn{background:color-mix(in srgb,var(--main-color) 6%,transparent);border:1px solid color-mix(in srgb,var(--muted-color) 12%,transparent);transition:transform .25s ease}.footer-social .social-btn:hover{background:color-mix(in srgb,var(--focus-color) 12%,transparent);border-color:color-mix(in srgb,var(--focus-color) 30%,transparent);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--focus-color) 30%,transparent);transform:translateY(-2px)}.io-black-mode .footer{background:linear-gradient(180deg,color-mix(in srgb,var(--main-bg-color) 60%,transparent) 0,color-mix(in srgb,var(--main-bg-color) 50%,transparent) 100%);border-color:hsla(0,0%,100%,.1);box-shadow:0 -6px 28px -14px rgba(0,0,0,.4)}.io-black-mode .footer-copyright{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.08)}.io-black-mode .footer-social .social-btn{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}@media (prefers-reduced-motion:reduce){.footer-social .social-btn,.footer-social .social-btn:hover{transform:none;transition:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.footer{background:var(--main-bg-color)}}