.floating-contact__trigger{position:fixed;bottom:var(--floating-contact-bottom-offset);z-index:4;display:inline-flex;align-items:center;min-height:4.8rem;padding:0 2rem;gap:.8rem;border-radius:var(--floating-contact-trigger-radius);box-shadow:0 .6rem 2rem rgba(var(--color-foreground),.22)}.floating-contact__trigger:before,.floating-contact__trigger:after{border-radius:var(--floating-contact-trigger-radius)}.floating-contact__trigger--bottom_right{right:var(--floating-contact-horizontal-offset)}.floating-contact__trigger--bottom_left{left:var(--floating-contact-horizontal-offset)}.floating-contact__trigger--icon-only{justify-content:center;width:4.8rem;min-width:4.8rem;padding:0}.floating-contact__trigger-icon,.floating-contact__trigger-icon svg{width:2rem;height:2rem}.floating-contact{width:min(72rem,calc(100vw - 3.2rem));max-width:none;max-height:min(84rem,calc(100dvh - 3.2rem));margin:auto;padding:0;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:0;border-radius:var(--floating-contact-modal-radius);box-shadow:0 2rem 6rem #00000047;overflow:hidden}.floating-contact::backdrop{background:#0000008f}.floating-contact__panel{position:relative;max-height:min(84rem,calc(100dvh - 3.2rem));padding:4.8rem 4rem 4rem;overflow-y:auto;overscroll-behavior:contain}.floating-contact__close{position:absolute;top:1.4rem;right:1.4rem;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;color:rgb(var(--color-foreground));background:transparent;border:0;border-radius:50%;cursor:pointer}.floating-contact__close:hover{background:rgba(var(--color-foreground),.06)}.floating-contact__close:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.75);outline-offset:.2rem}.floating-contact__close svg{width:2.2rem;height:2.2rem}.floating-contact .title{margin:0 5rem 2.4rem 0}.floating-contact__description{margin:-1.2rem 0 2.4rem}.floating-contact .form__message{align-items:flex-start}.floating-contact .icon-success{margin-top:.2rem}.floating-contact .field{margin-bottom:1.5rem}.floating-contact .contact__button{margin-top:2.4rem}.floating-contact .contact__button .button{width:100%}@media screen and (min-width:750px){.floating-contact .contact__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.floating-contact .contact__fields--single{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:749px){.floating-contact__trigger{min-width:4.8rem;padding:0 1.6rem}.floating-contact__trigger--icon-only{padding:0}.floating-contact{width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem)}.floating-contact__panel{max-height:calc(100dvh - 2rem);padding:4.8rem 2rem 2.4rem}.floating-contact .title{margin-bottom:2rem}}@media screen and (max-width:749px){.floating-contact-component--hide-mobile{display:none}}@media screen and (min-width:750px){.floating-contact-component--hide-desktop{display:none}}@media(prefers-reduced-motion:no-preference){.floating-contact[open]{animation:floating-contact-in .18s ease-out}.floating-contact[open]::backdrop{animation:floating-contact-backdrop-in .18s ease-out}}@keyframes floating-contact-in{0%{opacity:0;transform:translateY(1.6rem) scale(.98)}}@keyframes floating-contact-backdrop-in{0%{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/floating-contact-form.css.map */
