.field__input,.select__select,.customer .field input,.customer select{-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:var(--color-foreground);font-size:1.4rem;width:100%;box-shadow:0 0 0 .1rem var(--color-foreground-55);height:4.5rem;box-sizing:border-box;transition:box-shadow var(--duration-short) ease}.field__input:hover,.select__select:hover,.customer .field input:hover{box-shadow:0 0 0 .2rem var(--color-foreground-55)}.text-area,.select{display:inline-block;position:relative;width:100%}.select .icon-caret,.customer select+svg{height:.6rem;pointer-events:none;position:absolute;top:calc(50% - .35rem);right:1.5rem}.select__select,.customer select{cursor:pointer;padding:0 6rem 0 1.5rem}.field{position:relative;width:100%;display:flex}.customer .field{display:block}.field--with-error{flex-wrap:wrap}.field__input,.customer .field input{flex-grow:1;text-align:left;padding:1.5rem}.field__label,.customer .field label{font-size:1.4rem;left:1.5rem;top:1.3rem;margin-bottom:0;pointer-events:none;position:absolute;transition:top var(--duration-short) ease,font-size var(--duration-short) ease;color:var(--color-foreground-75);letter-spacing:.1rem;line-height:1.5}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label,.customer .field input:focus~label,.customer .field input:not(:placeholder-shown)~label,.customer .field input:-webkit-autofill~label{font-size:1rem;top:.3em}.field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill,.customer .field input:focus,.customer .field input:not(:placeholder-shown),.customer .field input:-webkit-autofill{padding:2.2rem 1.5rem .8rem}.field__input::-webkit-search-cancel-button,.customer .field input::-webkit-search-cancel-button{display:none}.field__input::placeholder,.customer .field input::placeholder{opacity:0}.field__button{align-items:center;background-color:transparent;border:0;color:currentColor;cursor:pointer;display:flex;height:4.4rem;justify-content:center;overflow:hidden;padding:0;position:absolute;right:0;top:0;width:4.4rem}.field__button>svg{height:2.5rem;width:2.5rem}.text-area{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);padding:1.2rem;min-height:10rem;resize:none}.text-area--resize-vertical{resize:vertical}input[type=checkbox]{display:inline-block;width:auto;margin-right:.5rem}.form__label{display:block;margin-bottom:.6rem}.form__message{align-items:center;display:flex;font-size:1.4rem;line-height:1;margin-top:1rem}.form__message--large{font-size:1.6rem}.customer .field .form__message{font-size:1.4rem;text-align:left}.form__message .icon,.customer .form__message svg{flex-shrink:0;height:1.3rem;margin-right:.5rem;width:1.3rem}.form__message--large .icon,.customer .form__message svg{height:1.5rem;width:1.5rem;margin-right:1rem}.customer .field .form__message svg{align-self:start}.form-status{margin:0;font-size:1.6rem}.form-status-list{padding:0;margin:2rem 0 4rem}.form-status-list li{list-style-position:inside}.form-status-list .link:first-letter{text-transform:capitalize}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-form.css.map */