.field{position:relative;padding-top:calc(25 * var(--u));border-bottom:1.5px solid var(--color-aqua);transition:border-color var(--transition)}.field__input{display:block;width:100%;height:max(2.25rem,calc(41 * var(--u)));margin:0;padding:0 0 calc(6 * var(--u));border:0;border-radius:0;background:transparent;color:var(--color-dark-green);font-size:var(--text-small);line-height:1.3;-webkit-appearance:none;appearance:none}.field__input:focus{outline:none}.field--textarea .field__input{height:auto;min-height:6.5rem;padding-top:max(1.5rem,calc(26 * var(--u)));resize:vertical}.field__label{position:absolute;left:0;bottom:calc(7 * var(--u));color:var(--color-aqua);font-size:var(--text-label);line-height:1.2;pointer-events:none;transform-origin:0 100%;transition:transform var(--transition),color var(--transition)}.field--textarea .field__label{top:calc(25 * var(--u) + max(1.5rem,calc(26 * var(--u))));bottom:auto;transform-origin:0 0}.field__input:focus+.field__label,.field__input:not(:placeholder-shown)+.field__label{transform:translateY(calc(-1*max(1.6rem,calc(28 * var(--u))))) scale(.86)}.field--textarea .field__input:focus+.field__label,.field--textarea .field__input:not(:placeholder-shown)+.field__label{transform:translateY(calc(-1*max(1.5rem,calc(26 * var(--u))))) scale(.86)}.field:focus-within{border-bottom-color:var(--color-dark-green);box-shadow:0 1px 0 0 var(--color-dark-green)}.field:focus-within .field__label{color:var(--color-dark-green)}.field:has(.field__input:user-invalid),.field:has(.field__input[aria-invalid=true]){border-bottom-color:#a8323e}.field:has(.field__input:user-invalid) .field__label,.field:has(.field__input[aria-invalid=true]) .field__label{color:#a8323e}@media screen and (max-width:749px){.field{padding-top:1.25rem}.field__input{height:2.75rem;padding-bottom:.4rem}.field__label{bottom:.55rem}.field--textarea .field__label{top:2.75rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-field.css.map */