.attachment-attribute{
    margin-top: -1em;
    margin-bottom: 1em;
}
.attachment-attribute .variation-attribute-title{
    margin-bottom: 5px;
}

.attachment-attribute #jc-attachment-fieldset{
    border: none;
    margin: 0;
    padding: 0;
    display:flex;
}
.attachment-attribute #jc-attachment-fieldset > div{
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.attachment-attribute #jc-attachment-fieldset:disabled{
    opacity: 0.5;
}

.attachment-attribute #jc-attachment-fieldset label{
    margin-right: 10px;
    font-family: var(--e-global-typography-3a3425b-font-family);
    font-size: var(--e-global-typography-3a3425b-font-size);
    line-height: var(--e-global-typography-3a3425b-line-height);
    letter-spacing: var(--e-global-typography-3a3425b-letter-spacing);

}

.attachment-attribute #jc-attachment-fieldset input{
    /*remove standard styles*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    border-radius: 0;
    font-size:  var(--e-global-typography-3a3425b-font-size);
    width: 100%;
    cursor: pointer;
    /*add custom radiobox styling*/
    border: 1px solid #000;
    height: var(--e-global-typography-3a3425b-font-size);
    width: var(--e-global-typography-3a3425b-font-size);
    background-color:white;
    margin-right: 5px;
}

.attachment-attribute #jc-attachment-fieldset input:checked::before{
    content: '\e908';
    font-family: var(--jc-icon-font);
    position: absolute;
    font-size:  var(--e-global-typography-3a3425b-font-size);
    transform: translate(-7%,-18%);
}