.association-footer-configurable{container:association-footer/inline-size}.association-footer-configurable.footer.client-footer .footer-main{grid-template-columns:minmax(320px,1.2fr) minmax(444px,1.25fr) 108px;align-items:center;gap:28px;display:grid}.association-footer-configurable.footer.client-footer .footer-main:not(:has(.association-shortcuts)){grid-template-columns:minmax(0,1fr) 108px}.association-footer-configurable.footer.client-footer .footer-brand{overflow-wrap:anywhere;min-width:0}.association-footer-configurable.footer.client-footer .footer-brand>img{max-width:100%}.association-footer-configurable.footer.client-footer .footer-qr{grid-area:auto;justify-self:center;max-width:108px;margin:0}.association-footer-configurable .association-shortcuts{width:100%;max-width:calc(var(--shortcut-columns) * 64px + (var(--shortcut-columns) - 1) * 12px);flex-wrap:wrap;justify-content:center;justify-self:center;align-items:start;gap:20px 12px;margin:0;padding:0;display:flex}.association-footer-configurable .association-shortcut{color:#e5f1ea;cursor:pointer;text-align:center;border-radius:5px;flex-direction:column;flex:0 0 64px;align-items:center;min-width:0;margin:0;text-decoration:none;display:flex;position:relative}.association-footer-configurable .association-shortcut:before,.association-footer-configurable .association-shortcut:after{z-index:3;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;position:absolute}.association-footer-configurable .association-shortcut:before{content:"";background:#fff;border-top:1px solid #c9ddd4;border-left:1px solid #c9ddd4;width:9px;height:9px;bottom:-14px;left:calc(50% - 9.5px);transform:translate(-50%)rotate(45deg)}.association-footer-configurable .association-shortcut:after{content:attr(data-tooltip);color:#17392d;text-align:center;white-space:nowrap;background:#fff;border:1px solid #c9ddd4;border-radius:6px;min-width:64px;max-width:180px;padding:8px 12px;font-size:12px;line-height:1.4;bottom:-43px;left:calc(50% - 9.5px);transform:translate(-50%,-5px);box-shadow:0 8px 20px #0336252e}.association-footer-configurable .association-shortcut:is(:hover,:focus-visible):before,.association-footer-configurable .association-shortcut:is(:hover,:focus-visible):after{visibility:visible;opacity:1}.association-footer-configurable .association-shortcut:is(:hover,:focus-visible):after{transform:translate(-50%)}.association-footer-configurable .association-shortcut-icon{background:#02271b38;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:45px;height:45px;transition:background-color .18s,border-color .18s,transform .18s;display:grid}.association-footer-configurable .association-shortcut-icon :is(img,svg){object-fit:contain;width:21px;height:21px}.association-footer-configurable .association-shortcut:is(:hover,:focus-visible) .association-shortcut-icon{background:#02271b7a;border-color:#ffffffb3;transform:translateY(-2px)}.association-footer-configurable .association-shortcut:focus-visible{outline-offset:4px;outline:2px solid #b7ddca}@container association-footer (max-width:1100px){.association-footer-configurable.footer.client-footer .footer-main{grid-template-columns:minmax(0,1fr) 108px}.association-footer-configurable.footer.client-footer .footer-brand{grid-column:1/-1}.association-footer-configurable.footer.client-footer .footer-main:not(:has(.association-shortcuts)) .footer-brand{grid-column:auto}.association-footer-configurable .association-shortcuts{max-width:292px}}@container association-footer (max-width:600px){:is(.association-footer-configurable.footer.client-footer .footer-main,.association-footer-configurable.footer.client-footer .footer-main:not(:has(.association-shortcuts))){grid-template-columns:minmax(0,1fr)}.association-footer-configurable.footer.client-footer .footer-qr{justify-self:start}}@container association-footer (max-width:350px){.association-footer-configurable .association-shortcuts{max-width:216px}}@container association-footer (max-width:330px){.association-footer-configurable .association-shortcuts{max-width:140px}}