.product-custom-properties{margin:2rem 0;padding:1.5rem;background:rgba(var(--color-foreground),.03);border-radius:8px;border:1px solid rgba(var(--color-foreground),.08)}.custom-properties-fields{display:flex;flex-direction:column;gap:1.5rem}.custom-property-field{display:flex;flex-direction:column;gap:.5rem}.custom-property-label{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground));display:block}.custom-property-label .required{color:red;margin-left:.25rem}.custom-property-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:6px;font-size:.9375rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:all .2s ease}.custom-property-input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 3px rgba(var(--color-foreground),.1)}.custom-property-input::placeholder{color:rgba(var(--color-foreground),.5)}.file-upload-wrapper{position:relative;display:flex;align-items:center;gap:1rem;flex-direction:column}.custom-property-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-upload-button{display:flex;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:15px 10px!important;background:#ececec!important;color:#3a3a3a!important;border:2px dashed #FEC5CF;border-radius:29px;cursor:pointer;transition:all .3s ease;font-family:inherit;font-style:normal;font-weight:700!important;font-size:16px!important;line-height:18px!important;letter-spacing:0px;white-space:nowrap;position:relative;width:100%}.file-upload-button:hover{background:#fff!important;border-color:#fec5cf;transform:translateY(-1px);box-shadow:0 4px 12px #fec5cf4d}.file-upload-button svg{width:18px;height:18px;margin-right:5px;transition:transform .3s ease}.file-upload-button:hover svg{transform:scale(1.1)}.file-upload-filename{font-size:.875rem;color:rgba(var(--color-foreground),.7);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-filename:empty:before{content:"No file chosen";color:rgba(var(--color-foreground),.4)}.custom-property-help{display:block;font-size:.8125rem;color:rgba(var(--color-foreground),.6);margin-top:.25rem}.file-upload-wrapper.uploading .file-upload-button{opacity:.6;cursor:wait}.file-upload-wrapper.uploading .file-upload-button:after{content:"";display:inline-block;width:14px;height:14px;margin-left:.5rem;border:2px solid rgb(var(--color-background));border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.custom-property-input:invalid,.custom-property-file-input:invalid~.file-upload-button{border-color:red}.custom-property-field.error .custom-property-input,.custom-property-field.error .file-upload-button{border-color:red}.custom-property-field.error-message{color:red;font-size:.8125rem;margin-top:.25rem}.file-upload-wrapper.success .file-upload-button{background:#10b981;border-color:#10b981}.file-upload-wrapper.success .file-upload-filename{color:#10b981}@media (max-width: 767px){.product-custom-properties{padding:1rem;margin:1.5rem 0}.file-upload-wrapper{flex-direction:column;align-items:stretch}.file-upload-button{justify-content:center;width:100%}.file-upload-filename{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-properties.css.map */