footer{width:100%;padding-top:64px;padding-bottom:48px;background-color:var(--diff)}@media screen and (max-width:768px){footer{padding-bottom:32px}}footer a{border-radius:4px}footer .content{display:flex;flex-direction:column;height:100%;align-items:flex-start;gap:64px;width:1200px;margin-left:auto;margin-right:auto;padding-inline:16px;box-sizing:border-box}@media screen and (max-width:1200px){footer .content{width:100%}}@media screen and (max-width:768px){footer .content{gap:48px}}footer .content .quad-grid{width:100%;grid-template-columns:repeat(5,1fr);display:grid;grid-gap:32px;gap:32px}@media screen and (max-width:768px){footer .content .quad-grid{grid-template-columns:1fr;gap:48px}}footer .content .quad-grid .logo-container{grid-column:span 2;display:flex;gap:32px}@media screen and (max-width:768px){footer .content .quad-grid .logo-container{grid-column:span 1}}footer .content .quad-grid .logo-container>a{height:72px}footer .content .quad-grid .logo-container .logo{height:72px;width:72px;background-image:url(/logo-dark.svg);background-size:cover}@media(prefers-color-scheme:light){footer .content .quad-grid .logo-container .logo{background-image:url(/logo-light.svg)}}footer .content .quad-grid .logo-container .text-content{display:flex;flex-direction:column;gap:16px}footer .content .quad-grid .logo-container .title{font-size:28px;color:var(--primary);text-decoration:none}footer .content .quad-grid .logo-container .socials{display:flex;gap:12px}footer .content .quad-grid .logo-container .socials a{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:20px}footer .content .quad-grid .logo-container .socials a svg path{transition:fill .3s;fill:var(--primary)}footer .content .quad-grid .logo-container .socials a:hover svg path{fill:var(--text)}footer .content .quad-grid nav{display:flex;flex-direction:column;gap:10px}footer .content .quad-grid nav span{color:var(--primary);font-size:16px;margin-bottom:10px}footer .content .quad-grid nav a{font-size:14px;color:var(--text);text-decoration:none;transition:color .3s;width:-moz-fit-content;width:fit-content}footer .content .quad-grid nav a:hover{color:var(--primary)}footer .content .credits{display:flex;flex-direction:column;gap:10px;font-size:12px}footer .content .credits p{line-height:unset}footer .content .credits p a{color:var(--text);transition:color .3s}footer .content .credits p a:hover{color:var(--primary)}