.submission-container{max-width:800px;margin:30px auto;background-color:#fffaf1;border-radius:20px;box-shadow:0 10px 30px #82635214;overflow:hidden;border:1px solid #d6c9be;color:#826352}.submission-container .container-top{background:#fffaf1;color:#826352;padding:25px 30px;text-align:center}.submission-container .container-top h1{font-size:28px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:15px;color:#826352}.submission-container .container-top h1 i{font-size:32px}.submission-container .container-top p{font-size:16px;opacity:.9;color:#826352}.submission-container .form-container{padding:30px;background-color:#fffaf1}.submission-container .form-group{margin-bottom:20px}.submission-container .form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.submission-container .form-col{flex:1;min-width:250px}.submission-container label{display:block;margin-bottom:10px;font-weight:600;color:#826352;font-size:16px}.submission-container label i{margin-right:10px;width:20px;text-align:center;color:#826352}.submission-container input[type=text],.submission-container select,.submission-container textarea{width:100%;padding:14px 16px;border:2px solid #d6c9be;border-radius:12px;font-size:16px;transition:all .3s;background-color:#fff;color:#826352;font-family:inherit}.submission-container input[type=text]:focus,.submission-container select:focus,.submission-container textarea:focus{outline:none;border-color:#ff914d;box-shadow:0 0 0 3px #ff914d26}.submission-container input::placeholder,.submission-container textarea::placeholder{color:#d6c9be;opacity:1}.submission-container .required:after{content:" *";color:#ff914d}.submission-container .label-tag,.submission-container label span.label-tag{display:inline-block;background-color:#826352;color:#fff;font-size:12px;font-weight:500;padding:2px 10px;border-radius:10px;margin-left:8px;vertical-align:middle;line-height:1.4}.submission-container .upload-area i{font-size:48px;color:#ff914d;margin-bottom:15px}.submission-container .upload-area p{color:#826352;margin-bottom:10px}.submission-container .upload-area span{font-size:14px;color:#a08c7e}.submission-container .preview-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.submission-container .preview-item{width:120px;height:120px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 3px 10px #82635226;border:1px solid #d6c9be}.submission-container .preview-item img,.submission-container .preview-item video{width:100%;height:100%;object-fit:cover}.submission-container .preview-remove{position:absolute;top:5px;right:5px;background-color:#826352d9;color:#fff;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.submission-container .preview-remove:hover{background-color:#ff914d}.submission-container .submit-btn{background:#ff914d;color:#fff;border:none;padding:14px 48px;font-size:18px;font-weight:600;border-radius:999px;cursor:pointer;transition:all .3s;width:auto;min-width:180px;margin:20px auto 10px;display:flex;align-items:center;justify-content:center;gap:10px}.submission-container .submit-btn:hover{transform:translateY(-3px);box-shadow:0 7px 15px #ff914d59;background:#fb8236}.submission-container .submit-btn:active{transform:translateY(0)}.submission-container .hint{font-size:14px;color:#a08c7e;margin-top:8px;display:flex;align-items:center}.submission-container .hint i{margin-right:8px;color:#a08c7e}.notification{position:fixed;top:30px;right:30px;padding:18px 25px;border-radius:10px;color:#fff;font-weight:500;box-shadow:0 5px 15px #82635233;z-index:1000;transform:translate(150%);transition:transform .5s cubic-bezier(.68,-.55,.27,1.55);display:flex;align-items:center;gap:15px}.notification.show{transform:translate(0)}.notification.success{background-color:#ff914d}.notification.error{background-color:#d9534f}.submission-container .pet-icon{font-size:20px;margin-right:8px;color:#826352}.submission-container .search-dropdown-display{width:100%;padding:14px 16px;border:2px solid #d6c9be;border-radius:12px;font-size:16px;transition:all .3s;background-color:#fff;color:#826352}.submission-container .smart-upload{background:#fbeedd;color:#826352;border:none;padding:24px 16px;font-size:14px;font-weight:500;border-radius:16px;cursor:pointer;width:170px;min-height:170px;margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all .3s;font-family:inherit}.submission-container .smart-upload:hover{background:#f7e3c9}.submission-container .smart-upload-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;color:#826352}.submission-container .smart-upload-icon .fa-image{font-size:40px}.submission-container .smart-upload-icon .fa-plus{position:absolute;top:-2px;right:-4px;font-size:14px;background:#826352;color:#fff;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.submission-container .smart-upload-title{font-size:14px;color:#826352;font-weight:500}.submission-container .smart-upload-sub{font-size:11px;color:#a08c7e;font-weight:400;letter-spacing:-.2px}.submission-container .post-txt{width:100%;border:2px solid #d6c9be;border-radius:12px;background-color:#fff;color:#826352;padding:14px 16px;font-size:16px;resize:vertical}.submission-container .post-txt::placeholder{color:#d6c9be}.submission-container input[type=checkbox]{accent-color:#ff914d}.submission-container .consent-text{font-size:14px;color:#826352;margin:0 0 10px;line-height:1.6}.submission-success{max-width:800px;margin:30px auto;background:#fbeedd;color:#826352;padding:25px 30px;text-align:center;border-radius:30px;display:none;border:1px solid #d6c9be}.submission-success h1{font-size:30px;color:#826352}.submission-success a{color:#ff914d;text-decoration:none}.submission-success a:hover{text-decoration:underline}@media(max-width:768px){.submission-container{margin:15px;max-width:none;width:auto}.submission-container .form-row{flex-direction:column;gap:0}.submission-container .form-col{min-width:100%}.submission-container .form-container{padding:16px}.submission-container .container-top{padding:12px 10px}.submission-container .container-top h1{font-size:16px;gap:6px;margin-bottom:2px;white-space:nowrap}.submission-container .container-top h1 i{font-size:18px}.submission-container .container-top p{font-size:12px;white-space:nowrap}.submission-container label{font-size:14px;font-weight:500;margin-bottom:6px}.submission-container .label-tag{font-size:11px;padding:1px 8px;margin-left:6px}.submission-container input[type=text],.submission-container select,.submission-container textarea,.submission-container .post-txt,.submission-container .search-dropdown-display{font-size:14px;padding:10px 12px;border-radius:10px}.submission-container .hint{font-size:12px;margin-top:6px}.submission-container .consent-text{font-size:12px;margin-bottom:8px}.submission-container .form-group label[for=showPet],.submission-container .form-group label[for=showOther]{font-size:13px;line-height:1.5}.submission-container .submit-btn{font-size:15px;padding:12px 36px;min-width:140px}.submission-container header h1{font-size:20px}}@media(max-width:768px){dialog{font-size:14px}dialog h1,dialog h2,dialog .title,dialog [class*=title],dialog [class*=header]{font-size:16px!important;font-weight:500!important}dialog button,dialog [role=button],dialog [class*=btn],dialog [class*=button]{font-size:14px!important}[class*=smart-upload-][class*=dialog],[class*=smart-upload-][class*=modal],[class*=smart-upload-][class*=popup],[class*=upload-modal],[class*=upload-dialog],[class*=upload-popup],[class*=upload-sheet],[class*=file-selector],[class*=uploader-modal]{font-size:14px!important}[class*=smart-upload-][class*=dialog] h1,[class*=smart-upload-][class*=dialog] h2,[class*=smart-upload-][class*=dialog] h3,[class*=smart-upload-][class*=modal] h1,[class*=smart-upload-][class*=modal] h2,[class*=smart-upload-][class*=modal] h3,[class*=upload-modal] h1,[class*=upload-modal] h2,[class*=upload-modal] h3,[class*=upload-dialog] h1,[class*=upload-dialog] h2,[class*=upload-dialog] h3{font-size:16px!important;font-weight:500!important}[class*=smart-upload-][class*=dialog] button,[class*=smart-upload-][class*=modal] button,[class*=upload-modal] button,[class*=upload-dialog] button,[class*=upload-popup] button{font-size:14px!important;font-weight:500!important}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/submission-form.css.map */