.contact-form__container{display:flex;gap:100px;flex-wrap:wrap}.contact-form__heading h3{font-size:var(--font-size);line-height:1}.contact-form__heading.contact-form__heading--vertical{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);text-align:center}.contact-form{flex-wrap:wrap;height:-moz-min-content;height:min-content;gap:20px;display:flex;flex:1}.contact-form .input-group{display:flex;flex-direction:column}.contact-form .input-group.contact-form__input--full{flex:0 0 100%}.contact-form .input-group.contact-form__input--half{flex:0 0 calc(50% - 10px)}.contact-form textarea{height:var(--height)}.contact-form .input-label{font-weight:700;margin-bottom:5px}.contact-form .input-label *{font-weight:700}.contact-form .contact-form__submit.contact-form__submit--full_width{flex:0 0 100%}.contact-form .contact-form__submit.contact-form__submit--full_width .button{width:100%}.contact-form .contact-form__submit .button--uppercase{text-transform:uppercase}.contact-form__left{flex-basis:55%;display:flex;align-items:center;gap:50px}.contact-form__left.contact-form__left--full{flex-basis:100%}.contact-form__left.contact-form__left--horizontal{flex-direction:column}.contact-form__right{flex:1;position:relative;display:flex;justify-content:center}.contact-form__right .animated-circle{position:absolute;top:-100px;left:-100px;z-index:2}.contact-form__right .contact-form__image{width:100%}.contact-form__right .contact-form__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 64em){.contact-form__container{display:flex;gap:20px}.contact-form__right{order:1;flex-basis:100%;width:100%}.contact-form__right .animated-circle{top:-50px;right:10px;left:inherit}.contact-form__right .contact-form__image{max-height:300px;width:100%}.contact-form__right .contact-form__image .hide-on-small-screen{display:none}.contact-form__left{order:2;flex-basis:100%;align-items:flex-start}.contact-form__left form .contact-form__input--half{flex:0 0 100%}.contact-form__left .contact-form__heading{padding:20px 0}.contact-form__left .contact-form__heading h3{font-size:var(--font-size-small-screen)}.contact-form__left .contact-form__heading.contact-form__heading--vertical{position:sticky;top:calc(var(--header-height) + 1rem);text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-contact-form.css.map */