:root{--iti-path-flags-1x: url(./intl-tel-input-flags.webp);--iti-path-flags-2x: url(./intl-tel-input-flags@2x.webp)}.custom-contact-form{isolation:isolate}.custom-contact-form>.custom-contact-form__media,.custom-contact-form>.overlay{grid-column:1 / -1}.custom-contact-form__media{position:absolute;z-index:var(--layer-lowest);top:0;right:0;bottom:0;left:0;pointer-events:none}.custom-contact-form__content{position:relative;z-index:var(--layer-flat);display:flex;flex-direction:column;gap:var(--gap-2xl);width:100%;max-width:var(--custom-contact-form-max-width-mobile);margin-inline:auto}.custom-contact-form__heading{margin:0;text-align:var(--custom-contact-form-heading-alignment)}.custom-contact-form__form{display:flex;flex-direction:column;gap:var(--gap-md)}.custom-contact-form__fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap-md)}.custom-contact-form__field{grid-column:1 / -1;min-width:0}.custom-contact-form__input{width:100%;overflow:hidden;padding:var(--padding-lg) var(--padding-xl);color:var(--color-input-text);background-color:var(--color-input-background);border:var(--style-border-width-inputs) solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);text-overflow:ellipsis;transition:color var(--hover-transition-duration) var(--hover-transition-timing),background-color var(--hover-transition-duration) var(--hover-transition-timing),border-color var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing),outline-color var(--hover-transition-duration) var(--hover-transition-timing),outline-offset var(--hover-transition-duration) var(--hover-transition-timing),transform var(--animation-speed-slow) var(--animation-timing-hover);-webkit-font-smoothing:antialiased}.custom-contact-form__input:hover{background-color:var(--color-input-hover-background);border-color:rgb(var(--color-input-text-rgb) / var(--opacity-50));box-shadow:var(--input-box-shadow-focus)}.custom-contact-form__input:focus{background-color:var(--color-input-hover-background);border-color:currentcolor;box-shadow:var(--input-box-shadow-focus)}.custom-contact-form__input:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset);box-shadow:var(--input-box-shadow-focus)}.custom-contact-form__input:active{transform:scale(.998)}.custom-contact-form__input--textarea{min-height:var(--input-textarea-min-height);resize:vertical}.custom-contact-form__phone-picker{--iti-hover-color: rgb(var(--color-input-text-rgb) / var(--opacity-8));--iti-border-color: var(--color-input-border);--iti-country-selector-bg: var(--color-input-background);--iti-icon-color: var(--color-input-text);--iti-strict-reject-flash-color: rgb(139 0 0 / var(--opacity-15));color:var(--color-input-text);font:inherit}.custom-contact-form__phone-picker.iti--input-container{display:block;width:100%}.custom-contact-form__phone-picker.iti--detached-country-selector:not(.iti--fullscreen-popup){width:auto;background-color:transparent}.custom-contact-form__phone-picker .iti__tel-input{width:100%}.custom-contact-form__phone-picker .iti__selected-country,.custom-contact-form__phone-picker .iti__selected-country-primary,.custom-contact-form__phone-picker .iti__country,.custom-contact-form__phone-picker .iti__search-clear{transition:color var(--hover-transition-duration) var(--hover-transition-timing),background-color var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing),outline-color var(--hover-transition-duration) var(--hover-transition-timing),transform var(--animation-speed-slow) var(--animation-timing-hover)}.custom-contact-form__phone-picker .iti__selected-country{color:var(--color-input-text);cursor:pointer}.custom-contact-form__phone-picker .iti__selected-country-primary{border-radius:max(0px,calc(var(--style-border-radius-inputs) - var(--style-border-width-inputs)))}.custom-contact-form__phone-picker .iti__selected-country:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-offset) * -1)}.custom-contact-form__phone-picker .iti__selected-country:active .iti__selected-country-primary{transform:scale(.97)}.custom-contact-form__phone-picker .iti__country-selector{overflow:hidden;color:var(--color-foreground);background-color:#fff;border-color:var(--color-input-border);border-radius:var(--style-border-radius-inputs);box-shadow:var(--shadow-popover, 0 8px 24px rgb(var(--color-shadow-rgb) / var(--opacity-20)))}.custom-contact-form__phone-picker .iti__search-input-wrapper{border-color:var(--color-input-border)}.custom-contact-form__phone-picker .custom-contact-form__phone-search{min-height:3rem;margin:0;color:var(--color-input-text);background-color:var(--color-input-background);border:0;border-radius:0;transition:color var(--hover-transition-duration) var(--hover-transition-timing),background-color var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing),outline-color var(--hover-transition-duration) var(--hover-transition-timing)}.custom-contact-form__phone-picker .custom-contact-form__phone-search:is(:hover,:focus){background-color:var(--color-input-hover-background)}.custom-contact-form__phone-picker .custom-contact-form__phone-search:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-width) * -1)}.custom-contact-form__phone-picker .iti__country:active{transform:scale(.995)}.custom-contact-form__phone-picker .iti__selected-dial-code,.custom-contact-form__phone-picker .iti__country-dial-code{color:var(--color-foreground-muted)}.custom-contact-form__input:is([aria-invalid=true],[data-client-invalid=true],[data-phone-invalid=true]){border-color:var(--color-error);box-shadow:0 0 0 2px rgb(139 0 0 / var(--opacity-20)),0 6px 18px rgb(139 0 0 / var(--opacity-15))}@supports selector(.custom-contact-form__input:user-invalid){.custom-contact-form__input:user-invalid{border-color:var(--color-error);box-shadow:0 0 0 2px rgb(139 0 0 / var(--opacity-20)),0 6px 18px rgb(139 0 0 / var(--opacity-15))}}.custom-contact-form__phone-error{margin:var(--margin-xs) 0 0;color:var(--color-error);font-size:var(--font-size--sm);animation:custom-contact-form-error-in .2s var(--animation-timing-fade-in) both}@keyframes custom-contact-form-error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-contact-form__submit{align-self:var(--custom-contact-form-button-alignment);min-width:max-content;transition:color var(--hover-transition-duration) var(--hover-transition-timing),background-color var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing),outline-color var(--hover-transition-duration) var(--hover-transition-timing),outline-offset var(--hover-transition-duration) var(--hover-transition-timing),transform var(--animation-speed-slow) var(--animation-timing-hover)}.custom-contact-form__submit:not(:disabled,[aria-disabled=true]):hover,.custom-contact-form__submit:not(:disabled,[aria-disabled=true]):focus{transform:translateY(-2px)}.custom-contact-form__submit:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.custom-contact-form__submit:not(:disabled,[aria-disabled=true]):active{transform:translateY(0) scale(.98)}.custom-contact-form__message{display:flex;align-items:center;gap:var(--gap-xs)}.custom-contact-form__message svg{flex:0 0 auto;width:var(--icon-size-sm)}.custom-contact-form__editor-warning{padding:var(--padding-lg);color:var(--color-foreground);background:var(--color-background);border:var(--style-border-width) dashed var(--color-border);border-radius:var(--style-border-radius-inputs)}@media(prefers-reduced-motion:no-preference){.custom-contact-form[data-animate-fields=true] .custom-contact-form__field[data-field-animation-ready]:not(.custom-contact-form__field--visible){opacity:0;filter:blur(4px);transform:translateY(18px) scale(.985)}.custom-contact-form[data-animate-fields=true] .custom-contact-form__field[data-field-animation-ready]{transition:opacity .55s var(--animation-timing-fade-in) var(--field-animation-delay, 0ms),filter .45s var(--animation-timing-fade-in) var(--field-animation-delay, 0ms),transform .65s var(--animation-timing-fade-in) var(--field-animation-delay, 0ms)}.custom-contact-form[data-animate-fields=true] .custom-contact-form__field[data-field-animation-ready].custom-contact-form__field--visible{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.custom-contact-form__input,.custom-contact-form__submit,.custom-contact-form__field,.custom-contact-form__phone-picker .iti__selected-country,.custom-contact-form__phone-picker .iti__selected-country-primary,.custom-contact-form__phone-picker .iti__country,.custom-contact-form__phone-picker .iti__search-clear,.custom-contact-form__phone-picker .custom-contact-form__phone-search{transition-duration:.01ms}.custom-contact-form__input:active,.custom-contact-form__submit:not(:disabled,[aria-disabled=true]):is(:hover,:focus,:active),.custom-contact-form__phone-picker .iti__selected-country-primary,.custom-contact-form__phone-picker .iti__country{transform:none}.custom-contact-form__phone-error{animation:none}}.custom-contact-form__phone-picker.iti--fullscreen-popup{padding:max(var(--padding-xl),env(safe-area-inset-top)) max(var(--padding-xl),env(safe-area-inset-right)) max(var(--padding-xl),env(safe-area-inset-bottom)) max(var(--padding-xl),env(safe-area-inset-left));background-color:rgb(0 0 0 / var(--opacity-50))}.custom-contact-form__phone-picker.iti--fullscreen-popup .iti__country-selector{width:100%;max-width:32rem;margin:auto}@media screen and (min-width:750px){.custom-contact-form__content{max-width:var(--custom-contact-form-max-width-desktop)}.custom-contact-form__field--half{grid-column:span 6}.custom-contact-form__field--third{grid-column:span 4}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-contact-form.css.map */