:root{--font-size:.875rem;--input-padding:16px}.form{gap:10px}.form,.form .form-section{display:flex;flex-direction:column}.form .form-section{gap:5px}.form .form-section .section-title{align-items:center;border-bottom:1px solid var(--main-color);color:var(--main-color);display:flex;font-size:1rem;font-weight:500;gap:10px;margin-bottom:10px;padding-bottom:5px;text-align:center}.form .form-section .section-title .info-btn{background-color:var(--bg-color);cursor:pointer;display:block;height:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23888' d='M15.999 1.333c8.1 0 14.666 6.567 14.666 14.667S24.1 30.667 16 30.667 1.332 24.1 1.332 16 7.899 1.333 15.999 1.333M3.332 16a12.667 12.667 0 1 0 25.334 0 12.667 12.667 0 0 0-25.334 0'/%3E%3Cpath fill='%23888' d='M14.63 11.02c-.28.192-.504.454-.65.76a1 1 0 0 1-1.788-.893 3.9 3.9 0 0 1 1.33-1.53c.65-.437 1.472-.69 2.48-.69.878 0 1.826.26 2.58.825a3.27 3.27 0 0 1 1.338 2.675c0 1.377-.684 2.293-1.37 2.953-.253.244-.532.477-.772.677l-.196.164q-.308.253-.58.546v1.826a1 1 0 1 1-2 0V16.37c0-.316.09-.672.33-.98.293-.374.648-.69.957-.953l.244-.204.001-.001c.23-.19.432-.36.627-.55.49-.473.759-.9.759-1.514a1.27 1.27 0 0 0-.539-1.075c-.357-.268-.867-.425-1.379-.425-.658 0-1.085.161-1.373.353m2.706 11.647a1.333 1.333 0 1 1-2.667 0 1.333 1.333 0 0 1 2.667 0'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23888' d='M15.999 1.333c8.1 0 14.666 6.567 14.666 14.667S24.1 30.667 16 30.667 1.332 24.1 1.332 16 7.899 1.333 15.999 1.333M3.332 16a12.667 12.667 0 1 0 25.334 0 12.667 12.667 0 0 0-25.334 0'/%3E%3Cpath fill='%23888' d='M14.63 11.02c-.28.192-.504.454-.65.76a1 1 0 0 1-1.788-.893 3.9 3.9 0 0 1 1.33-1.53c.65-.437 1.472-.69 2.48-.69.878 0 1.826.26 2.58.825a3.27 3.27 0 0 1 1.338 2.675c0 1.377-.684 2.293-1.37 2.953-.253.244-.532.477-.772.677l-.196.164q-.308.253-.58.546v1.826a1 1 0 1 1-2 0V16.37c0-.316.09-.672.33-.98.293-.374.648-.69.957-.953l.244-.204.001-.001c.23-.19.432-.36.627-.55.49-.473.759-.9.759-1.514a1.27 1.27 0 0 0-.539-1.075c-.357-.268-.867-.425-1.379-.425-.658 0-1.085.161-1.373.353m2.706 11.647a1.333 1.333 0 1 1-2.667 0 1.333 1.333 0 0 1 2.667 0'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain;transition:.3s ease;width:20px}.form .form-section .section-title .info-btn:hover{background-color:var(--main-color)}.form .message{font-size:.875rem;grid-column:1/3;margin-bottom:10px}.form .privacy{font-size:.75rem}.form .save-btn{background-color:var(--main-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:12px;padding:14px 24px;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.form .save-btn:hover{background-color:var(--main-color);box-shadow:0 4px 14px #4e72fe4d;transform:translateY(-1px)}.form .save-btn:active{transform:translateY(0)}.form .file-input-hidden{display:none}.form .array-row,.form .image-upload-row{display:flex;flex-direction:column;gap:8px}.form .array-row .label,.form .image-upload-row .label{color:var(--gray-color);font-size:.875rem;font-weight:600;text-transform:uppercase}.form .image-upload{display:flex;flex-direction:column;gap:8px}.form .image-upload .preview-wrap{display:inline-block;max-width:200px;position:relative}.form .image-upload .preview{border:1px solid var(--border-color);border-radius:8px;display:block;max-height:120px;max-width:100%;-o-object-fit:contain;object-fit:contain}.form .image-upload .remove-preview{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:4px;top:4px;width:24px}.form .image-upload .remove-preview:hover{background:#c00}.form .image-upload .upload-btn{align-self:flex-start;background:var(--main-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;padding:10px 16px}.form .image-upload .upload-btn:hover:not(:disabled){background:var(--main-color)}.form .image-upload .upload-btn:disabled{cursor:not-allowed;opacity:.7}.input-wrapper,.textarea-wrapper{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);border-radius:8px;overflow-x:hidden;overflow-y:auto;padding-top:10px;position:relative;transition:border-color .2s ease,box-shadow .2s ease;z-index:1}.input-wrapper:focus-within,.textarea-wrapper:focus-within{border-color:var(--main-color);box-shadow:0 0 0 2px #4e72fe1f}.input-wrapper .input,.input-wrapper .textarea,.textarea-wrapper .input,.textarea-wrapper .textarea{background-color:transparent;border:none;color:#000;display:block;font-size:var(--font-size);height:100%!important;outline:none;padding:var(--input-padding);padding-right:0;width:100%!important}.input-wrapper .input:focus,.input-wrapper .input:focus-visible,.input-wrapper .textarea:focus,.input-wrapper .textarea:focus-visible,.textarea-wrapper .input:focus,.textarea-wrapper .input:focus-visible,.textarea-wrapper .textarea:focus,.textarea-wrapper .textarea:focus-visible{outline:none}.input-wrapper .input::-moz-placeholder,.input-wrapper .textarea::-moz-placeholder,.textarea-wrapper .input::-moz-placeholder,.textarea-wrapper .textarea::-moz-placeholder{color:var(--text-color);opacity:1}.input-wrapper .input::placeholder,.input-wrapper .textarea::placeholder,.textarea-wrapper .input::placeholder,.textarea-wrapper .textarea::placeholder{color:var(--text-color);opacity:1}.input-wrapper label,.textarea-wrapper label{bottom:var(--input-padding);height:100%;left:var(--input-padding);pointer-events:none;position:absolute;width:100%}.input-wrapper .content-name,.textarea-wrapper .content-name{bottom:0;color:var(--text-color);font-size:.75rem;font-weight:400;left:0;padding-bottom:5px;position:absolute;transition:all .3s ease}.input-wrapper .input:focus:not(.file-input:focus)+.label-name .content-name,.input-wrapper .valid-input,.textarea-wrapper .input:focus:not(.file-input:focus)+.label-name .content-name,.textarea-wrapper .valid-input{font-size:.75rem;left:0;transform:translateY(-60%)!important}.input-wrapper .icon,.textarea-wrapper .icon{bottom:var(--input-padding);display:block;height:25px;position:absolute;right:var(--input-padding);width:25px;z-index:-1}.input-wrapper .error-icon,.textarea-wrapper .error-icon{background-color:var(--error-color);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='33.694' height='122.88' viewBox='0 0 33.694 122.88'%3E%3Cpath fill='%23edc001' d='M6.402 104.495h20.799v18.385H6.402zM27.19 94.451H6.406C4.341 69.195 0 42.066 0 16.845 0 7.543 7.545 0 16.847 0s16.847 7.543 16.847 16.845c0 25.208-4.395 52.369-6.504 77.606'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='33.694' height='122.88' viewBox='0 0 33.694 122.88'%3E%3Cpath fill='%23edc001' d='M6.402 104.495h20.799v18.385H6.402zM27.19 94.451H6.406C4.341 69.195 0 42.066 0 16.845 0 7.543 7.545 0 16.847 0s16.847 7.543 16.847 16.845c0 25.208-4.395 52.369-6.504 77.606'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.textarea-wrapper{height:180px;padding-top:10px}.textarea-wrapper .label-name{bottom:23px;font-size:var(--font-size);transform:translateY(calc(-100% + 65px))}.textarea-wrapper textarea{margin:0}.multiselect{min-height:44px}.multiselect .multiselect-placeholder,.multiselect .multiselect-single-label{color:var(--text-color);font-size:13px;font-weight:700;padding:12px 14px}.multiselect.is-active{border-color:var(--main-color);box-shadow:0 0 0 3px #4e72fe1a}.multiselect .multiselect-tags{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;min-height:44px;padding:0}.multiselect .multiselect-tags:hover{border-color:var(--main-color)}.multiselect .multiselect-tags.is-active{border-color:var(--main-color);box-shadow:0 0 0 3px #4e72fe1a}.multiselect .multiselect-caret{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c2a26' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-size:12px;border:none;height:12px;margin-right:14px;width:12px}.multiselect .multiselect-dropdown{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px}.multiselect .multiselect-dropdown .multiselect-option{color:var(--text-color);font-size:14px;padding:12px 14px}.multiselect .multiselect-dropdown .multiselect-option:hover{background-color:#4e72fe0d}.multiselect .multiselect-dropdown .multiselect-option.is-selected{background-color:#4e72fe1a!important;color:var(--main-color);font-weight:600}.multiselect .multiselect-dropdown .multiselect-option.is-pointed{background-color:#4e72fe0d;color:var(--text-color)}.spans-input{background-color:var(--bg-color);padding:var(--input-padding)}.spans-input label{color:var(--bg-color);font-size:1rem;text-transform:uppercase}.spans-input .spans{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.spans-input .spans span{background-color:#fff;color:var(--main-color);cursor:pointer;font-size:18px;padding:5px 10px;transition:.3s ease}.spans-input .spans span:hover{background-color:var(--bg-color);color:#fff}.spans-input .spans .active{background-color:var(--main-color);color:#fff}.custom-select .selected{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size);font-weight:400;padding:var(--input-padding)}.custom-select .selected:after{display:block;height:20px;right:var(--input-padding);width:13px}.custom-select .opacity{color:var(--gray-color);font-size:12px}.custom-select .options{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);border-top-left-radius:0;border-top-right-radius:0;z-index:2}.custom-select .options .option{font-size:14px;padding:10px var(--input-padding)}.text-wrapper{padding:0}.grid-2{display:flex;flex-direction:column;gap:5px}@media only screen and (min-width:600px){:root{--font-size:1rem;--input-padding:20px}.form .form-section .section-title{font-size:1.25rem}.form .form-section .section-title .info-btn{height:25px;width:25px}.input-wrapper .content-name,.textarea-wrapper .content-name{font-size:14px}.input-wrapper .input:focus:not(.file-input:focus)+.label-name .content-name,.input-wrapper .valid-input,.textarea-wrapper .input:focus:not(.file-input:focus)+.label-name .content-name,.textarea-wrapper .valid-input{font-size:13px}.textarea-wrapper{height:150px}.textarea-wrapper .label-name{transform:translateY(calc(-100% + 50px))}.spans-input label{font-size:14px}.spans-input .spans{margin-top:15px}.spans-input .spans span{font-size:var(--font-size)}.custom-select .selected{font-size:inherit}.custom-select .selected:after{width:17px}.custom-select .opacity{font-size:14px}.custom-select .options .option{padding:10px var(--input-padding)}}@media only screen and (min-width:1200px){:root{--font-size:1rem;--input-padding:20px}.form{gap:10px}.form .form-section .section-title{font-size:1.5rem}.input-wrapper label{bottom:20px}.textarea-wrapper{height:180px}.textarea-wrapper .label-name{transform:translateY(calc(-100% + 70px))}.spans-input label{font-size:1rem}.spans-input .spans{margin-top:20px}.spans-input .spans span{font-size:18px}.multiselect{min-height:44px}.multiselect .multiselect-dropdown .multiselect-option,.multiselect .multiselect-placeholder,.multiselect .multiselect-single-label{font-size:15px}.custom-select .selected:after{height:10px;right:20px;width:14px}.custom-select .opacity{font-size:inherit}.custom-select .options .option{padding:10px 23px}}
