:root{--input-height:40px;--label-border-color:#e2e2e2}form{margin:0;gap:10px}form .form__group-tabs{margin-bottom:15px;display:flex;z-index:1;--button-background:#efefef87}form .form__group-tabs .is-active{--button-border-color:green;--button-hover-background:green}form .form__group-tabs .form__group-tab{margin-left:0 !important;--percentage-completed:50%;--fill:green;--fill-inactive:transparent;position:relative;transition:background 0.3s}form .form__group-tabs .form__group-tab:after{position:absolute;left:0;right:0;bottom:-10px;height:3px;background:linear-gradient(90deg,var(--fill) var(--percentage-completed),var(--fill-inactive) var(--percentage-completed))}form .form__group{border-radius:var(--border-radius);background:#fff;border:1px solid var(--input-border-color);display:none}form .form__group .grid{gap:10px}form .form__group.is-active{display:block}form .form__pagination{border-radius:var(--border-radius);display:flex;justify-content:space-between;background:#fff;border:1px solid var(--input-border-color)}form .form__row{position:relative}form .form__row[type="hidden"]{display:none !important}form .form__row[type="file"]{position:relative;--input-height:150px}form .form__row[type="file"] input{position:absolute;left:300px;bottom:0;right:0;height:50px}form .form__row[type="file"] .button-box{position:absolute}form .form__row[type="file"] .button-box .button{margin-right:0 !important}form .form__row[type="file"] .file-demo{min-width:var(--input-height)}form .form__row[type="file"] .file-demo img{object-fit:cover;width:var(--input-height);height:var(--input-height)}form .form__row[type="file"] .file-source{min-width:calc(100% - 240px - var(--input-height))}form .form__row[type="file"] .file-input{opacity:0;position:absolute;right:0;max-width:50px;min-width:50px !important;overflow:hidden}form .form__row.form__row-image-block{--cw:6;flex-direction:column}form .form__row.form__row-image-block label{width:100%;border-radius:6px;height:50px}form .form__row.form__row-image-block input{position:absolute;left:0px;bottom:0;right:0;height:50px}form .form__row.form__row-image-block .button-box{top:5px;right:5px}form .form__row.form__row-image-block .file-demo{min-width:var(--input-height)}form .form__row.form__row-image-block .file-demo img{object-fit:cover;width:100%;height:300px}form .form__row{display:flex;justify-content:flex-start;align-items:center;min-height:var(--input-height)}form .form__row label{border-radius:6px 0 0 6px;background-color:var(--label-border-color);height:100%;display:inline-flex;align-items:center;justify-content:flex-start;padding-left:15px;min-width:150px}form .form__row input,form .form__row textarea,form .form__row .primary,form .form__row .chosen-container,form .form__row select{background-color:#fff;height:var(--input-height);border:1px solid var(--label-border-color);border-radius:0 6px 6px 0;min-width:calc(100% - 150px)}input,textarea{border-radius:6px;min-width:100%;border:1px solid var(--input-border-color);height:var(--input-height);padding-left:var(--input-padding);--line-height:50px}input:focus,textarea:focus{--input-border-color:var(--input-border-color-focus);outline:1px solid var(--input-border-color-focus)}textarea{padding-top:var(--input-padding);min-height:250px}