.contact-flottant{position:fixed;inset-inline-end:var(--e-2);inset-block-end:calc(var(--e-2) + env(safe-area-inset-bottom,0px));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:var(--e-1);pointer-events:none}.contact-flottant__bouton{display:inline-flex;align-items:center;height:56px;padding:0;border:var(--filet) solid color-mix(in srgb,var(--laiton) 70%,transparent);border-radius:28px;background:var(--brun);color:var(--creme);cursor:pointer;pointer-events:auto;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--duree-image) var(--courbe),visibility 0s linear var(--duree-image),transform var(--duree-image) var(--courbe),border-color var(--duree-interface) var(--courbe)}.contact-flottant.is-visible .contact-flottant__bouton{opacity:1;visibility:visible;transform:none;transition:opacity var(--duree-image) var(--courbe),visibility 0s,transform var(--duree-image) var(--courbe),border-color var(--duree-interface) var(--courbe)}.contact-flottant__bouton:hover,.contact-flottant__bouton[aria-expanded=true]{border-color:var(--laiton)}.contact-flottant__bouton:focus-visible{outline:2px solid var(--laiton);outline-offset:3px}.contact-flottant__icones{position:relative;display:inline-grid;flex-shrink:0;width:54px;height:54px}.contact-flottant__icone{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.92);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.contact-flottant__icone.is-current{opacity:1;transform:none;transition:opacity .45s ease-in-out .12s,transform .45s var(--courbe) .12s}@media(prefers-reduced-motion:reduce){.contact-flottant__icone{transform:none;transition-property:opacity;transition-duration:.3s!important}.contact-flottant__icone.is-current{transition-duration:.45s!important;transition-delay:.12s!important}}.contact-flottant__icone .icon{width:24px;height:24px}.contact-flottant__label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;color:var(--creme);transition:max-width var(--duree-tiroir) var(--courbe),opacity var(--duree-tiroir) var(--courbe),padding var(--duree-tiroir) var(--courbe)}@media(min-width:990px){.contact-flottant__label{max-width:12rem;padding-inline-end:var(--e-3);opacity:1}}.contact-flottant__panneau{width:min(320px,calc(100vw - 2 * var(--e-2)));padding:var(--e-3);border:var(--filet) solid var(--argile);border-radius:var(--rayon);background:var(--creme-clair);color:var(--brun);box-shadow:0 12px 32px color-mix(in srgb,var(--brun) 14%,transparent);pointer-events:auto}.contact-flottant__panneau[hidden]{display:none}.js .contact-flottant__panneau:not([hidden]){animation:contact-apparition var(--duree-tiroir) var(--courbe)}@keyframes contact-apparition{0%{opacity:0;transform:translateY(8px)}}.contact-flottant__tete{display:flex;align-items:center;justify-content:space-between;gap:var(--e-2)}.contact-flottant__titre{font-family:var(--font-titre);font-size:1.5rem;font-weight:300;line-height:1.1}.contact-flottant__fermer{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--zone-cliquable);height:var(--zone-cliquable);margin-inline-end:calc(-1 * var(--e-1));padding:0;border:0;background:none;color:var(--brun);cursor:pointer}.contact-flottant__fermer .icon{width:20px;height:20px}.contact-flottant__fermer:hover{color:var(--laiton-sourd)}.contact-flottant__fermer:focus-visible,.contact-flottant__lien:focus-visible{outline:2px solid var(--laiton);outline-offset:2px}.contact-flottant__texte{margin-block:var(--e-1) var(--e-2);color:var(--brun-doux)}.contact-flottant__liste{border-block-start:var(--filet) solid var(--argile)}.contact-flottant__lien{display:grid;grid-template-columns:40px 1fr;grid-template-areas:"logo nom" "logo detail";align-items:center;column-gap:var(--e-2);min-height:64px;padding-block:var(--e-1);border-block-end:var(--filet) solid var(--argile);color:var(--brun);text-decoration:none}.contact-flottant__logo{grid-area:logo;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:var(--filet) solid color-mix(in srgb,var(--laiton) 60%,transparent);border-radius:50%;color:var(--brun);transition:background-color var(--duree-interface) var(--courbe),color var(--duree-interface) var(--courbe)}.contact-flottant__logo .icon{width:20px;height:20px}.contact-flottant__nom{grid-area:nom;align-self:end;font-family:var(--font-titre);font-size:1.25rem;line-height:1.2}.contact-flottant__detail{grid-area:detail;align-self:start;color:var(--brun-doux)}.contact-flottant__lien:hover .contact-flottant__logo,.contact-flottant__lien:focus-visible .contact-flottant__logo{background:var(--brun);color:var(--creme)}body .pied{padding-block-end:calc(56px + var(--e-4) + env(safe-area-inset-bottom,0px))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-contact-flottant.css.map */