.field{position:relative;width:100%;display:flex;transition:all .3s ease}select.field__input{height:calc(2.75rem + 10px);line-height:1rem}.customer .field{display:flex}.field--with-error{flex-wrap:wrap}.field__input{background-color:#fff;border:3px solid var(--accent-colour-primary);border-radius:.5rem;color:var(--accent-colour-primary);flex-grow:1;font-size:1rem;text-align:left;outline:none;padding:1.5rem .75rem .25rem .5rem;transition:all .3s ease;width:100%}.field__label{font-size:1rem;left:1rem;top:50%;transform:translateY(-50%);margin-bottom:0;pointer-events:none;position:absolute;transition:all .3s ease;color:var(--accent-colour-primary);line-height:1.5}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label{font-size:.75rem;top:.5rem;left:.65rem;transform:translateY(0)}select.field__input:focus~.field__label,select.field__input:not(:placeholder-shown)~.field__label,select.field__input:-webkit-autofill~.field__label{top:.25rem}.field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill{padding:1.5rem .75rem .25rem .5rem}.field__input::-webkit-search-cancel-button{display:none}.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}.field__input:-webkit-autofill~.field__button,.field__input:-webkit-autofill~.field__label{color:#000}.text-area{font-style:normal;min-height:10rem;resize:none}.text-area~label{top:.6rem;transform:translateY(0)}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}.form-status-list li{list-style:none;list-style-position:inside}.form-status-list .link:first-letter{text-transform:capitalize}.form-status-list a{color:var(--accent-colour-primary)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/field.css.map */