.account-form{display:flex;flex-direction:column;gap:1.2rem;margin:0}.account-form__fields{display:flex;flex-wrap:wrap;gap:1.2rem}.account-field{flex:1 1 100%;min-width:0}@media screen and (min-width:750px){.account-field--half{flex-basis:calc(50% - .6rem)}}.account-field .field{display:block}.account-field .field__input{display:block;width:100%;min-width:0}.account-field--invalid .field__input{border-color:rgb(var(--color-accent-2));box-shadow:inset 0 0 0 1px rgb(var(--color-accent-2))}.account-field__error{display:flex;align-items:flex-start;gap:.6rem;margin:.6rem 0 0;font-size:1.3rem;line-height:1.4;color:rgb(var(--color-accent-2))}.account-field__error[hidden]{display:none}.account-field__error svg,.account-form__errors svg,.account-form__success svg{flex-shrink:0;width:1.6rem;height:1.6rem;margin-top:.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.account-field .field:has(.account-field__reveal:not([hidden])) .field__input{padding-inline-end:5rem}.account-field__reveal{position:absolute;top:50%;right:.4rem;display:grid;place-items:center;width:4rem;height:4rem;padding:0;color:rgba(var(--color-foreground),.7);background:none;border:0;border-radius:var(--inputs-radius, 0);cursor:pointer;transform:translateY(-50%)}.account-field__reveal:hover{color:rgb(var(--color-foreground))}.account-field__reveal[hidden]{display:none}.account-field__reveal svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.account-field__reveal:not([aria-pressed=true]) .account-field__slash{display:none}.account-field--select .field__input{height:5.2rem;padding:2rem 4rem .6rem 1.4rem;-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23777' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.4rem center;background-size:1.2rem}.account-field--select .field__label{top:.8rem;font-size:1.1rem;transform:none}.account-field--textarea .field__input{min-height:14rem;padding-top:2.4rem;resize:vertical;font-family:var(--font-body-family)}.account-field--textarea .field__label{top:1.6rem;transform:none}.account-field--textarea .field__input:focus~.field__label,.account-field--textarea .field__input:not(:placeholder-shown)~.field__label{top:.6rem}.account-checkbox{display:flex;flex:1 1 100%;align-items:flex-start;gap:1rem;font-size:1.4rem;line-height:1.4}.account-checkbox input{flex-shrink:0;width:1.8rem;height:1.8rem;margin:.1rem 0 0;accent-color:rgb(var(--color-foreground));cursor:pointer}.account-checkbox label{cursor:pointer}.account-form__errors,.account-form__success{padding:1.4rem 1.6rem;font-size:1.4rem;line-height:1.45;border-radius:var(--inputs-radius, 0)}.account-form__errors{color:rgb(var(--color-foreground));background:rgba(var(--color-accent-2),.08);border-inline-start:.3rem solid rgb(var(--color-accent-2))}.account-form__errors:focus{outline:none}.account-form__errors:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.4);outline-offset:.2rem}.account-form__errors-title,.account-form__success{display:flex;align-items:flex-start;gap:.8rem;margin:0;font-weight:600}.account-form__errors-title svg{color:rgb(var(--color-accent-2))}.account-form__errors-list{margin:.6rem 0 0;padding-inline-start:2.4rem}.account-form__errors-list a{color:inherit;text-underline-offset:.25rem}.account-form__success{color:rgb(var(--color-foreground));background:#2e965c1a;border-inline-start:.3rem solid rgb(46,150,92)}.account-form__success svg{color:#2e965c}.account-form__success:focus{outline:none}.account-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;margin-top:.4rem}.account-form__actions .button{margin:0}.account-form--full-button .account-form__actions .button{flex:1 1 100%}.account-form__alt{margin:.4rem 0 0;font-size:1.4rem}.account-link{font-size:1.4rem;color:rgb(var(--color-foreground));text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem;cursor:pointer}button.account-link{padding:0;font:inherit;font-size:1.4rem;background:none;border:0}.account-link:hover{text-decoration-thickness:.2rem}
/*# sourceMappingURL=/cdn/shop/t/13/assets/customer-fields.css.map */
