.contact-form{color:rgb(var(--color-foreground-rgb))}.contact-form__form,.contact-form__form-row{display:flex;flex-direction:column;gap:12px}.contact-form :is(input,textarea){font-family:"Epilogue",var(--font-body--family);font-size:16px;font-weight:400;line-height:1.45}.contact-form__input::placeholder{color:rgb(var(--color-foreground-rgb) / .65);opacity:1}.contact-form__input{width:100%;overflow:hidden;text-overflow:ellipsis;color:rgb(var(--color-foreground-rgb));background-color:rgb(var(--color-background-rgb));padding:14px 20px;border-radius:18px;border:1px solid rgb(var(--color-border-rgb));box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb) / 0%);transition:border-color .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s cubic-bezier(.22,.61,.36,1),background-color .32s cubic-bezier(.22,.61,.36,1);-webkit-font-smoothing:antialiased}.contact-form__input:hover{background-color:rgb(var(--color-background-rgb) / .9);border-color:rgb(var(--color-border-rgb))}.contact-form__input:focus-visible{outline:none;border-color:rgb(var(--color-border-rgb));box-shadow:0 0 0 1px rgb(var(--color-border-rgb)),0 0 16px rgb(var(--color-border-rgb) / .22)}.contact-form__input--textarea{resize:vertical;min-height:168px;background-color:rgb(var(--color-background-rgb))}.contact-form__input--textarea:hover{background-color:rgb(var(--color-background-rgb) / .9)}.contact-form__input--textarea:focus-visible{background-color:rgb(var(--color-background-rgb))}.contact-form .submit-button{margin-top:6px;min-width:200px}.contact-form__error,.contact-form__success{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;padding:12px 14px;border-radius:14px;font-family:"Epilogue",var(--font-body--family);font-size:14px;line-height:1.45}.contact-form__error{background:#8c2e2e1a;border:1px solid rgb(140 46 46 / 26%)}.contact-form__success{background:#425a331a;border:1px solid rgb(66 90 51 / 26%)}.contact-form__error .svg-wrapper,.contact-form__success .svg-wrapper{width:16px;height:16px;margin-top:2px;flex:0 0 16px}@media screen and (min-width:750px){.contact-form__form{gap:14px}.contact-form__form-row{flex-direction:row;align-items:stretch}.contact-form .submit-button{width:auto}}@media screen and (max-width:749px){.contact-form .submit-button{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/vq-contact-form.css.map */
