-.footer{padding:3rem 2rem}.footer-top{display:flex;justify-content:space-between;gap:2rem;margin-bottom:3rem;position:relative}.footer-logo{display:flex;align-items:center;gap:.25rem}.footer-logo svg{transition:filter .15s ease}.footer-logo:hover svg{filter:saturate(1) opacity(1)}.footer-logo-img{height:1rem;margin:0;filter:saturate(0) opacity(.7)}.footer-logo-frame{position:absolute;top:50%;left:0;transform:translate(-32px,calc(-50% - 4px));filter:saturate(0) opacity(.7)}.footer-status{display:flex;flex-direction:row;gap:1rem}.status-text{font-size:.875rem;color:var(--grayscale-10);font-weight:400}.soc2-badge{display:flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.25rem .75rem .25rem .25rem;align-self:flex-start;text-decoration:none;transition:background-color .15s ease,color .15s ease}.soc2-badge:hover{background-color:var(--grayscale-a4)}.soc2-badge:hover .status-text{color:var(--grayscale-12)}.soc2-badge-img{width:1.5rem;height:1.5rem;background-color:#62636c;border-radius:1000px}.footer-links{display:flex;gap:2rem;padding-top:2rem;align-items:flex-end;justify-content:space-between}.footer-columns{display:flex;gap:2rem}.footer-column{display:flex;flex-direction:column;gap:1rem;width:170px}.footer-column-title{font-size:.875rem;font-weight:400;color:var(--grayscale-9);letter-spacing:-.025em}.footer-column-links{display:flex;flex-direction:column;gap:1rem}.footer-link{font-weight:400;font-size:.875rem;color:var(--grayscale-11);text-decoration:none;transition:color .15s ease-in-out}.footer-link svg{display:none!important}.footer-link:hover{color:var(--grayscale-12)}.footer-bottom-text{font-weight:400;font-size:.875rem;color:var(--grayscale-10);text-decoration:none;transition:color .15s ease-in-out}@media (max-width: 640px){.footer{padding:2rem 1.5rem}.footer-top{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.footer-logo-frame{transform:translate(-32px,calc(-50% - 68px))}.footer-status{flex-direction:column;gap:.75rem;padding-top:2rem}.footer-links{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:flex-start;padding-top:1rem}.footer-columns{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;order:1}.footer-column{width:100%}.footer-bottom-text{order:2}}@media (max-width: 720px) and (min-width: 481px){.footer-columns{flex-direction:row;flex-wrap:wrap;justify-content:center}.footer-column{width:calc(50% - 1rem);min-width:200px}}
0 commit comments