.custom-form-fields{display:flex;flex-direction:column;gap:1.4rem;width:100%}.custom-form-fields__description{font-size:1.4rem;color:rgba(var(--color-foreground),.75);margin-bottom:.4rem}.custom-form-fields__field{display:flex;flex-direction:column;gap:.6rem;width:100%}.custom-form-fields__field[hidden]{display:none}.custom-form-fields__label{font-size:1.4rem;font-weight:500;letter-spacing:.04rem;color:rgba(var(--color-foreground))}.custom-form-fields__label.hidden{display:none}.custom-form-fields__required{color:#b00020;margin-left:.2rem}.custom-form-fields__input,.custom-form-fields__select,.custom-form-fields__textarea{width:100%;padding:1.2rem 1.4rem;border:1px solid rgba(var(--color-base-border-1));background:rgba(var(--color-base-background-1));color:rgba(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.5rem;line-height:1.4;border-radius:0;box-sizing:border-box;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.custom-form-fields__textarea{resize:vertical;min-height:9rem;white-space:pre-wrap}.custom-form-fields__select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(var(--color-foreground)) 50%),linear-gradient(135deg,rgba(var(--color-foreground)) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:3rem}.custom-form-fields__input:focus,.custom-form-fields__select:focus,.custom-form-fields__textarea:focus{outline:none;border-color:rgba(var(--color-foreground));box-shadow:0 0 0 1px rgba(var(--color-foreground))}.custom-form-fields__dropzone{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:16rem;padding:1.6rem;border:1.5px dashed rgba(var(--color-base-border-1));background:rgba(var(--color-base-background-1));color:rgba(var(--color-foreground),.75);text-align:center;cursor:pointer;box-sizing:border-box;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease,color var(--duration-short) ease}.custom-form-fields__dropzone [hidden]{display:none}.custom-form-fields__dropzone:focus-visible{outline:2px solid rgba(var(--color-foreground));outline-offset:2px}.custom-form-fields__dropzone--dragover,.custom-form-fields__dropzone:hover{border-color:rgba(var(--color-foreground));color:rgba(var(--color-foreground))}.custom-form-fields__dropzone[data-state=loading],.custom-form-fields__dropzone[data-state=preview]{cursor:default}.custom-form-fields__dropzone[data-state=preview]{border-style:solid;padding:0;overflow:hidden}.custom-form-fields__dropzone[data-state=error]{border-color:#b00020;color:#b00020}.custom-form-fields__dropzone-empty,.custom-form-fields__dropzone-error{display:flex;flex-direction:column;align-items:center;gap:.8rem;font-size:1.4rem;line-height:1.4}.custom-form-fields__dropzone-icon{width:2.8rem;height:2.8rem;color:currentColor}.custom-form-fields__dropzone-text,.custom-form-fields__dropzone-error-text{max-width:28ch}.custom-form-fields__dropzone-loading{display:flex;align-items:center;justify-content:center}.custom-form-fields__dropzone-loading .spinner{width:3.6rem;height:3.6rem}.custom-form-fields__dropzone-loading .path{stroke:rgba(var(--color-foreground))}.custom-form-fields__dropzone-preview{position:relative;width:100%;height:100%;min-height:16rem;display:flex;align-items:center;justify-content:center}.custom-form-fields__dropzone-image{display:block;max-width:100%;max-height:24rem;width:auto;height:auto;object-fit:contain}.custom-form-fields__dropzone-remove{position:absolute;top:.6rem;right:.6rem;width:2.8rem;height:2.8rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#000000a6;color:#fff;cursor:pointer;transition:background-color var(--duration-short) ease,transform var(--duration-short) ease}.custom-form-fields__dropzone-remove:hover,.custom-form-fields__dropzone-remove:focus-visible{background:#000000d9;outline:none;transform:scale(1.05)}.custom-form-fields__dropzone-remove svg{width:1.4rem;height:1.4rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.custom-form-fields__field--invalid .custom-form-fields__input,.custom-form-fields__field--invalid .custom-form-fields__select,.custom-form-fields__field--invalid .custom-form-fields__textarea{border-color:#b00020;box-shadow:0 0 0 1px #b00020}.custom-form-fields__field--invalid .custom-form-fields__dropzone{border-color:#b00020}.custom-form-fields__error{font-size:1.3rem;color:#b00020}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-form-fields.css.map */