/*=======================================================
        CX Form Primary Styles
======================================================= */

/*body {position: relative;}*/

.cx_form_primary .form-field.hs-form-field {
    display: grid;
    grid-template-columns: 280px 3fr;
    border-bottom: 1px solid var(--grey-48);
    padding: 20px 0;
    gap: 32px;
    margin: 0!important;
}

.cx_form_primary section.form-section.child-group .section-attribute .form-field.hs-form-field {
    grid-template-columns:248px 3fr;
}

.cx_form_primary .form-field.hs-form-field:has(> div:only-child) {
    grid-template-columns:1fr;
}

.cx_form_primary .form-field label + * {
    width: unset;
    min-width: 200px;
}


/* === Inputs, Selects, Textarea === */
body input,
body input[type="text"],
body input[type="email"],
body input[type="number"],
body input[type="password"],
body input[type="search"],
body input[type="url"],
body input[type="tel"],
body select,
body textarea {
    padding: 10px 14px ;
    border-radius: 8px ;
    border: 1px solid var(--grey-48) ;
    background-color: var(--white-50);
    color: var(--text-56);
    max-width: 1002px;
    font-size: 16px;
    font-weight:400;
    font-family: inter;
    line-height: 24px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

body :is(input, textarea, select):is(:focus, :focus-visible) {
  border-color: var(--grey-48) !important;
  outline: none ;
}

body select:not([multiple]) {
    appearance: none;

    background: var(--white-50) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'><path d='M5 7.5L10 12.5L15 7.5' stroke='%23717680' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 12px center / 18px;

}

body select:not([multiple]):focus {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container .select2-dropdown, .select2-container .select2-selection {
    
  border-color: var(--grey-48) !important;
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--brand-primary-43) !important;
    color: var(--text-56) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--brand-primary-43) !important;
    color: var(--text-56) !important;
}
 

.cx_form_primary input[type=date] {
    padding: 10px 14px !important;
    border-radius: 8px !important;
    border: 1px solid var(--grey-48) !important;
}

.cx_form_primary input[type=date]:is(:focus, :focus-visible) {
  border-color: var(--grey-48) !important;
  outline: none !important;
}


/* === Placeholder Styling === */
.cx_form_primary ::placeholder {
    color: var(--text-51);
    opacity: 1;
    font-style: italic;
}

/* === Number Input Spinner Removal === */
.cx_form_primary input[type="number"]::-webkit-outer-spin-button,
.cx_form_primary input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cx_form_primary input[type="number"] {
    -moz-appearance: textfield;
}

/* === Radio and Checkbox === */

.cx_form_primary *:has( > input[type="radio"]), .cx_form_primary div:has( > input[type="checkbox"] ) {
    display:flex;
    align-items:center;
}

.cx_form_primary input[type="radio"],
.cx_form_primary input[type="checkbox"] {
    width: 16px;
    height: 16px;
    /* accent-color: var(--grey-48); */
    margin-right: 8px;
    appearance:none;
    border:none;
    background:none;
    position:relative;
    padding: 0;
    border-radius: 0;
    max-width: 100%;
    vertical-align: middle;
}

.cx_form_primary input[type="radio"]::before,
.cx_form_primary input[type="checkbox"]::before {
    content:"";
    position:absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid var(--grey-48);
    border-radius: 4px;
}

.cx_form_primary input[type="radio"]:checked::before,
.cx_form_primary input[type="checkbox"]:checked::before {
    background-color:var(--brand-primary-50);    
    border-color:transparent;
}

.cx_form_primary input[type="radio"]:checked::after,
.cx_form_primary input[type="checkbox"]:checked::after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 50%;
    left: 50%;
    position:absolute;
    transform:translate(-50%,-50%);
    color: var(--white-50);
    font-size: 10px;
}


/* === Label Styling === */
.cx_form_primary label {
    font-weight: 600;
    color: var(--text-54);
    font-size: 14px;
    font-family: inter;
    line-height: 20px;
}

/* === Focus Accessibility === */
/*.cx_form_primary input:focus-visible,
.cx_form_primary select:focus-visible,
.cx_form_primary textarea:focus-visible {
    border-color: var(--text-56);
    outline: 1px solid var(--text-56);
}*/

/* === Responsive Behavior === */
@media (max-width: 768px) {
    .cx_form_primary .form-field.hs-form-field {
        grid-template-columns: 1fr;
    }
}

/* === Select2 Integration Styling === */
body .cx_form_primary .select2_init + .select2-container {
    max-width:1002px;
    width:100% !important;
}

body .cx_form_primary .select2_init:not([multile]) + .select2-container .select2-selection__rendered {
    padding:0 !important;
}

body .select2-container .select2-selection {
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid var(--grey-48);
    background-color: var(--white-50);
    color: var(--text-56);
    font-size: 16px;
    font-weight: 500;
    font-family: inter;
    line-height: 24px;
    height: auto;
    min-height: 46px;
    display: flex;
    align-items: center;
}

body .select2-container .select2-selection__rendered {
    color: var(--text-56);
    line-height: 1.5;
    display: flex !important;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 6px;
}

body .select2-container .select2-dropdown {
    border: 1px solid var(--grey-48);
    border-radius: 8px;
    background-color: var(--white-50);
    font-size: 14px;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--grey-48);
    color: #fff;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    color: var(--grey-48);
}

body .select2-container .select2-selection--single .select2-selection__arrow b {
    border: none;
    display: block;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    position:relative;
    background:unset;
}


body .select2-container .select2-results__option span {
    display:flex;
    gap:8px;
    align-items:center;
}

body .select2-container .select2-results__option span img {display:block;}

body .select2-container .select2-selection--single .select2-selection__arrow {right: 12px;}

body .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 50%;
    left: 50%;
    position:absolute;
    transform:translate(-50%,-50%);
    color: var(--text-51);
    font-size: 12px;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice{
    color:  var(--text-54) !important;
    border: 1px solid var(--grey-48) !important;
    margin: 0 6px 0 0 !important;
    background: var(--white-50);
    padding: 2px 9px;
    font-size: var(--e-global-typography-49002a2-font-size);
    font-weight: var(--e-global-typography-49002a2-font-weight);
    line-height: var(--e-global-typography-49002a2-line-height);
    font-family: var(--e-global-typography-49002a2-font-family);
    border-radius: 6px;
}

body li.select2-selection__choice {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    gap: 6px;
    text-transform: capitalize;
}

.cx_form_primary ul.select2-results__options{
    text-transform:capitalize;
}

body .select2-container--default .select2-selection--multiple .select2-selection__rendered li {margin: 0;}

body .select2-container .select2-search--inline .select2-search__field{margin: 0px}

.cx_form_primary .cke_chrome {
  border-radius: 8px;overflow: hidden;max-width: 1002px;
}

.cx_form_primary .submit-btn-container {
    display: flex;flex-direction: row;align-content: flex-start;
    justify-content: flex-end;flex-wrap: wrap;align-items: center;padding: 20px;
    gap: 1rem;
}

body.cx.cx_zico .cx_form_primary:not(:has(.submit-btn-container)) button[type="submit"]{
    margin-top: 20px; 
} 


.cx_form_primary .from-header .submit-btn-container {
    padding:0;
}

.cx_form_primary .from-header {
    border-bottom: 1px solid var(--grey-48);
    padding: 0 0 20px 0;
    gap: 16px;
    flex-wrap: wrap;
    /* margin-bottom: 20px; */
}

.cx_form_primary .form-title-wrapper .form-title {
    margin:0px;
    margin-bottom: 2px;
}
.cx_form_primary .hs_media_uploader_element {
    display: block !important;
}

/*==========================================================================
   hidden field  
========================================================================== */

.cx_form_primary .hidden-fields {display: none;}

.form-field.cx-hidden {display: none;}

.cx_form_primary .form-field.hs-form-field.field-layer_selector 
 .field-wraper:has( > .inner-field-wraper > .inner-field-container > .hidden-form-field) {display: none;}


/*==========================================================================
   parent and child groups  
========================================================================== */

.cx_form_primary section.form-section.parent-group > header ,
.cx_form_primary section.form-section.child-group > header { display:none ;}

.cx_form_primary .form-field.hs-form-field.field-layer_selector .field-wraper  {
    padding:32px;
    background-color:var(--grey-45);
    border-radius:6px;
}

.cx_form_primary .form-field.hs-form-field.field-layer_selector .field-wraper .form-field{
    grid-template-columns: 248px 3fr;
    
}

.cx_form_primary .form-field.hs-form-field.field-layer_selector .field-wraper .form-field .field-wraper {
    padding:0;
}

.cx_form_primary section.form-section.child-group .section-attribute{
    border:none !important;
    margin: 0 0 20px;
    padding: 32px 32px 12px !important;
    background-color: var(--grey-45);
    border-radius:6px;
}

.cx_form_primary section.form-section.child-group {
    border-bottom: 1px solid var(--grey-48);
}

.cx_form_primary section.form-section.parent-group .form-field.hs-form-field,
.cx_form_primary section.form-section.child-group .form-field.hs-form-field {
    border: none !important;
}

.cx_form_primary section.form-section.child-group .form-field.hs-form-field:not(:last-child) {
    padding: 0 !important;padding-bottom:20px !important;margin: 0 !important;
}

/*==========================================================================
        repeator    
========================================================================== */



.cx_form_primary .cx-repeater.cx-form_elements .attr-header {
 display:none;
}

.cx_form_primary .cx-repeater.cx-form_elements .dynamic-content-container.array-val .hs-field-repeter-row.data-row .repeter-item-wraper .form-field.hs-form-field {
 display:flex;
 flex-direction: column;
 border: none !important;
}
.cx_form_primary .cx-repeater.cx-form_elements .dynamic-content-container.array-val .hs-field-repeter-row.data-row {
 display:grid;
 grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
}

.cx_form_primary .cx-repeater.cx-form_elements {
    border:none !important;
    margin:  0px 0 20px 0 !important;
    padding: 32px 0px 12px!important;
    position: relative;
}

.cx_form_primary .cx-repeater.cx-form_elements::before {
    content: "";
    border-bottom: 1px solid var(--grey-48);
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -20px;
}

.cx_form_primary .cx-repeater.cx-form_elements .hs-field-repeter-row.data-row{
     border:none !important;
    margin:  0px 0 20px !important;
    padding: 32px 32px 12px!important;
    background-color: var(--grey-46);
    border-radius:8px;
}

.cx_form_primary .cx-repeater.cx-form_elements hr{display: none;}

.cx_form_primary .dynamic-content-container .btns button {
    margin-right: 20px;
    height:36px;
    width:36px;
    border-radius: 8px;
    border: 1px solid var(--brand-primary-50);
    padding: 0px;
    background: transparent;
    color: var(--brand-primary-50);
    cursor: pointer;
    outline: none;
    align-content: center;
    text-align: center;
    font-size: 20px !important;
}

.cx_form_primary .cx-reactive_repeater.cx-form_elements:not(.reactive_repeater) {
    border:none !important;
    margin:  0px 0 20px 0 !important;
    padding: 32px 0px 12px!important;
    position: relative;
}

.cx_form_primary .cx-reactive_repeater.cx-form_elements:not(.reactive_repeater)::after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: 3px;    
    border-bottom: 1px solid var(--grey-48);
}


.cx_form_primary .cx-reactive_repeater.cx-form_elements .repeater-group {
    width: 100%;
    /*max-width: 1002px;*/
    border:none !important;
    margin:  0px 0 20px !important;
    padding: 32px 32px 12px!important;
    background-color: var(--grey-46);
    border-radius:8px;
}

.cx_form_primary .cx-reactive_repeater.cx-form_elements .repeater-group .feild-container {
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 10px;
}

.cx_form_primary .cx-reactive_repeater.cx-form_elements .repeater-group .feild-container .form-field.hs-form-field {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 0;
    border: unset;
}

/*=========================================
        for imges preview
===========================================*/



.cx_form_primary .form-field.hs-form-field .media-element {
    position: relative;
}

.cx_form_primary .form-field.hs-form-field .media-element button.delete-item {
    position: absolute;
    top: 0;
    right: 0;
}

/*================================================
        reponsive css 
==================================================*/

@media screen  and (max-width: 1440px)  {

    .cx_form_primary .cke_chrome {
        width: calc(100% - 3px) !important;
    }
    .cx_form_primary input,
    .cx_form_primary input[type="text"],
    .cx_form_primary input[type="email"],
    .cx_form_primary input[type="number"],
    .cx_form_primary input[type="password"],
    .cx_form_primary input[type="search"],
    .cx_form_primary input[type="url"],
    .cx_form_primary select,
    .cx_form_primary textarea { max-width: 100% !important;}

    
}

@media screen  and (max-width: 1024px) {
    .cx_form_primary .form-field.hs-form-field {grid-template-columns: 100%;}
    .cx_form_primary .form-field.hs-form-field.field-layer_selector .field-wraper .form-field {grid-template-columns: 100%;}
    .cx_form_primary section.form-section.child-group .section-attribute .form-field.hs-form-field {grid-template-columns: 100%;}
}

/**/

.form-field.hs-form-field.cx-select2_template span.select2.select2-container{
    min-width:100% !important;
}


/*================================================
        Table 
==================================================*/


.cx_form_primary .form-field.hs-form-field :is( div:has( > div > table) ,div:has( > table)) {overflow: unset;}

.cx_form_primary .form-field.hs-form-field div:has( > div > table) {
    box-shadow: 0px 1px 2px 0px #0A0D120D;
    margin-top: 20px;
    border-radius: 6px;
    overflow: hidden;
}

.cx_form_primary .form-field.hs-form-field *:has( + div > table) {
    padding:12px 20px 8px;
    border:1px solid var(--grey-47);
    border-bottom:unset;
    border-radius:12px 12px 0 0;
    color: var(--primary-50);
    font-size:var(--e-global-typography-0e85bb5-font-size);
    font-family:var(--e-global-typography-0e85bb5-font-family);
    font-weight:var(--e-global-typography-0e85bb5-font-weight);
    line-height:var(--e-global-typography-0e85bb5-line-height);
    text-transform: capitalize;
}
.cx_form_primary .form-field.hs-form-field table {
    margin:0;
    border-radius:0 0 12px 12px;
    border: unset;
    overflow: hidden;
    background-color:var(--white-50);
}

.cx_form_primary .form-field.hs-form-field table tr {
    border:unset;
    border:1px solid var(--grey-47);
    /* border-left: unset; */
    /* border-right: unset; */
}

.cx_form_primary .form-field.hs-form-field table tr :is(th,td){
    background:transparent;
    border: unset;
    /*border:1px solid var(--grey-47);*/        
    text-align: start;

}

.cx_form_primary .form-field.hs-form-field table tr th {
    padding:13px 20px;
    color:var(--text-51);
    font-size: var(--e-global-typography-f8c5445-font-size);
    font-weight: var(--e-global-typography-f8c5445-font-weight);
    font-family: var(--e-global-typography-f8c5445-font-family);
    line-height: var(--e-global-typography-f8c5445-line-height);
    text-transform: capitalize;
}

.cx_form_primary .form-field.hs-form-field table tr td {
    padding:18px 24px;
    color:var(--text-53);
    font-size:var(--e-global-typography-0e85bb5-font-size);
    font-family:var(--e-global-typography-0e85bb5-font-family);
    font-weight:var(--e-global-typography-0e85bb5-font-weight);
    line-height:var(--e-global-typography-0e85bb5-line-height);
    vertical-align: middle;
}


.cx_form_primary table td .item-thumbnail {
    width: 70px;
    height: 50px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}

.cx_form_primary table input {
    color:var(--text-51);
}

.cx_form_primary table input[type="radio"],
.cx_form_primary table input[type="checkbox"] { 
    width: 20px;
    height: 20px;
    max-width: 20px !important;
}

.cx_form_primary table input[type="radio"]::before,
.cx_form_primary table input[type="checkbox"]::before {
    border-radius: 6px;
}

.cx_form_primary table input[type="radio"]:checked::after,
.cx_form_primary table input[type="checkbox"]:checked::after { 
    font-size:12px;
}

.cx_form_primary .selected_layer_wrapper .form-field {border: none;}

.cx_form_primary .selected_layer_wrapper .form-field .checkbox-container {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.cx_form_primary .selected_layer_wrapper .form-field .checkbox-container li {
    display: flex !important;
    align-items: center;
}

.cx_form_primary .selected_layer_wrapper .layer_item_options {
    padding: 0 0 20px;
    border-bottom:1px solid var(--grey-48);
}

.cx_form_primary .selected_layer_wrapper .layer_item_options:has(.sort-items:empty) {padding: 0px;}

.cx_form_primary .selected_layer_wrapper .layer_item_options .sort-items {gap: 20px;}

.cx_form_primary .selected_layer_wrapper .layer_item_options .sort-items > div {grid-template-columns: 248px 3fr;}


@media screen and (max-width: 1024px) {
    .cx_form_primary .selected_layer_wrapper .layer_item_options .sort-items > div {grid-template-columns: 1fr;}
}

/* for inline-group  */

.cx_form_primary .form-field.parent-group .inner-field-container .form-field {
    border: none;
    padding-top: 0;
} 

.cx_form_primary .form-field.parent-group .inner-field-container .form-field:last-child {
    padding-bottom: 0;
}

/* for pre-fix or por-fix  */

.form-field .inner-field-wraper:is(.has-postfix,.has-prefix) {
  max-width:1002px;
  border:1px solid var(--grey-48);
  background-color:var(--white-50);
  border-radius:8px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:16px;
  color: var(--text-53);
} 


.form-field .inner-field-wraper:is(.has-postfix,.has-prefix) .inner-field-container {
  flex:1;
}

.form-field .inner-field-wraper:is(.has-postfix,.has-prefix) :is(input,select,textarea) {
  border:none;
  padding:unset;
  border-radius:unset;
  background-color:unset;
}

/*=======================================================
        CX Form disabled
======================================================= */

.cx_form_primary .inner-field-wraper:is(.has-postfix,.has-prefix):has(:is(input,select:not([data-key]))[disabled]) {
    border:none;
    outline:none;
    padding: 0;
    max-width:max-content;
    gap: 0;
}

.cx_form_primary :is(input,select:not([data-key]))[disabled] {
    border:none;
    outline:none;
    color:var(--text-51);
    max-width:max-content;
    field-sizing: content;
    display:inline-block;
    padding-left: 0;
    padding-right: 12px;
}

.cx_form_primary input:disabled:placeholder-shown {
    padding-right: 0;
}

.cx_form_primary select:not([data-key]) ~ .select2-container--disabled .select2-selection {
    border:none;
    outline:none;
    background-color: transparent !important;
    padding-left: 0;
    padding-right: 12px;
}


.cx_form_primary select:not([data-key]) ~ .select2-container--disabled .select2-selection .select2-selection__rendered{

    color:var(--text-51);
}

.cx_form_primary select:not([data-key]) ~ .select2-container--disabled .select2-selection  .select2-selection__arrow {
    display: none;
}

@media screen  and (max-width: 1440px)  {

    .cx_form_primary :is(input,select:not([data-key]))[disabled] {max-width:max-content !important;}
}

/*=======================================================
        CX Form comment
======================================================= */

.cx_form_primary .form-field .comment:not(:has(> span:empty)){
    font-size: 14px;
    font-weight: 400;
    font-family: inter;
    line-height: 20px;
    margin-top: 8px;
}


/*=======================================================
        for attachement img
======================================================= */

.cx_form_primary .form-field img:is(.attachment-thumbnail,.attachment-full) {
    width: auto;
    height: 72px;
    margin-right: 12px;
    border-radius: 8px;
}


/*=======================================================
        CX Form profile info
======================================================= */

.profile_info .cx_form_primary {
    overflow: hidden;
}

.profile_info .cx_form_primary .attributes-container {
    max-width: 1314px;
    /*overflow: hidden;*/
}

.profile_info .cx_form_primary .section-attribute  {

    display:flex;
    flex-wrap:wrap;
    align-items:center;
}


.profile_info .cx_form_primary .section-attribute > .form-field.field-first_name {

    width:calc(136px + 50% + 32px - 12px);
    padding-right:12px;
}
.profile_info .cx_form_primary .section-attribute > .form-field:is(.field-first_name,.field-last_name) {
    min-height: 85.1px;
}

.profile_info .cx_form_primary .section-attribute > .form-field:is(.field-first_name,.field-last_name) .field-wraper {
    max-width: 489px;
}


.profile_info .cx_form_primary .section-attribute > .form-field.field-last_name {

    flex:1;
    padding-left:12px;
}

.profile_info .cx_form_primary .section-attribute > .form-field:not(:is( .field-first_name ) ) {

    border: unset;
    position: relative;
}
.profile_info .cx_form_primary .section-attribute > .form-field:not(:is( .field-first_name ) )::before{
    content:"";
    border-bottom: 1px solid var(--grey-48);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 3px;
}


.profile_info .cx_form_primary .section-attribute > .form-field:not(:is( .field-last_name , .field-first_name ) ) {

    width:100%;
}



@media (max-width:1110px) {

    .profile_info .cx_form_primary .section-attribute > .form-field:is(.field-first_name,.field-last_name) {
        width: 100% !important;
        /*max-width: 1002px;*/
        grid-template-columns: 1fr;
        padding-left: 0;
        padding-right: 0;
    }
    .profile_info .cx_form_primary .section-attribute > .form-field:is(.field-first_name) {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .profile_info .cx_form_primary .section-attribute > .form-field:is(.field-first_name,.field-last_name) .field-wraper {
        max-width: 100%;
    }
}

/*for disabled */

.profile_info .cx_form_primary .section-attribute > .form-field:is(.field-first_name):has(input[disabled]) {
    padding-right: 0;
    padding-left: 0;
}

.profile_info .cx_form_primary .section-attribute > .form-field:is(.field-last_name):has(input[disabled]) {
    padding-right: 0;
    padding-left: 0;
}

.profile_info .cx_form_primary .section-attribute > .form-field.field-first_name:has(input[disabled]) label + * {
    min-width:0;
}

.profile_info .cx_form_primary .section-attribute > .form-field.field-first_name:has(input[disabled]) {
    width:max-content;

}

/* for removing border from inner-field wrapper if it donot have form field */

.cx_form_primary .inner-field-wraper:is(.has-postfix,.has-prefix):not(:has(input, select, textarea)) {
    border: none;
    outline: none;
    padding: 0;
    gap: 0;
    align-items: end;
}

.form-field .inner-field-wraper.inner-field-wraper:is(.has-postfix,.has-prefix):not(:has(input, select, textarea)) .inner-field-container {
    flex: unset;
}