.jet-form-builder-row.field-type-media-field {
    margin-bottom: .5rem;
}

/* Custom styles for the drag & drop container */
.jet-form-builder-file-upload {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .75rem;
    padding: 1.5rem 2rem;
    text-align: center;
    border: 2px dashed #BCC7D3;
    border-radius: 6px !important;
    transition: background-color .3s ease-out;
}

/* Style for container on drag & drop file hover */
.jet-form-builder-file-upload.dragover {
    background-color: #dee8fe;
    border-color: #0729A5;;
}

.jet-form-builder-file-upload:not(.has-files):is(:hover,:active,:focus) {
    background-color: #F5F7F9;
    cursor: pointer;
}

.jet-form-builder-file-upload .jet-form-builder-file-upload__content .custom-upload-ui {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.jet-form-builder-file-upload .jet-form-builder-file-upload__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.jet-form-builder-file-upload:not(.has-files) .jet-form-builder-file-upload__content::before {
    --size: 2.75rem;
    content: '';
    display: block;
    width: 100%;
    height: calc(var(--size) + .25rem);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="38" viewBox="0 0 46 38" fill="none"><path d="M31.0009 27L23.0009 19M23.0009 19L15.0009 27M23.0009 19V37M39.7809 31.78C41.7316 30.7165 43.2726 29.0337 44.1606 26.9972C45.0487 24.9607 45.2333 22.6864 44.6853 20.5333C44.1373 18.3803 42.8879 16.471 41.1342 15.1069C39.3806 13.7427 37.2226 13.0014 35.0009 13H32.4809C31.8755 10.6585 30.7472 8.48464 29.1808 6.64195C27.6144 4.79927 25.6506 3.33567 23.4371 2.36118C21.2236 1.3867 18.818 0.926686 16.4011 1.01573C13.9843 1.10478 11.619 1.74057 9.48325 2.8753C7.34747 4.01003 5.49672 5.61417 4.07014 7.56713C2.64356 9.52009 1.67828 11.771 1.24686 14.1508C0.815437 16.5305 0.929108 18.977 1.57932 21.3065C2.22954 23.636 3.39938 25.7877 5.0009 27.6" stroke="%230729A5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center / auto var(--size) no-repeat;
    margin-bottom: 1.5rem;
}

.jet-form-builder-file-upload__content {
    min-height: auto !important;
}

/* Styles for upload file(s) / IMAGE */
.jet-form-builder-file-upload__files {
    margin-bottom: .75rem;
}

.jet-form-builder-file-upload__file {
    display: block;
    width: auto !important;
    height: 140px !important;
    padding: 0;
    margin: 0;
    object-fit: cover;
    object-position: center;
    border-radius: .5rem !important;
    overflow: hidden;
    background: none !important;
}

.jet-form-builder-file-upload__file img {
    aspect-ratio: 2 / 1;
}

/* Styles for file remove icon */

.jet-form-builder-file-upload .jet-form-builder-file-upload__file-remove {
    --primary-color: #FB4B5D;
    --secondary-color: #ffd4d9;
    background-color: var(--secondary-color);
    position: absolute;
    left: auto;
    right: .5rem;
    top: .5rem;
    bottom: auto;
    padding: .5rem;
    opacity: 1 !important;
    border-radius: .25rem;
    transition: all .3s ease-out;
}

.jet-form-builder-file-upload .jet-form-builder-file-upload__file-remove:is(:hover,:active,:focus) {
    background-color: var(--primary-color);
}

.jet-form-builder-file-upload .jet-form-builder-file-upload__file-remove svg {
    width: 1rem !important;
    height: 1rem !important;
}

.jet-form-builder-file-upload .jet-form-builder-file-upload__file-remove svg path {
    d: path("M9.477 2.073c-.671.176-1.239.75-1.417 1.435-.046.177-.06.486-.06 1.36V6H5.946c-2.229 0-2.28.004-2.564.221a1.03 1.03 0 0 0-.347 1.043c.102.374.454.677.841.723a.753.753 0 0 1 .204.039l.48 5.785c.397 4.772.494 5.817.564 6.049.284.952 1.056 1.72 2.036 2.026l.3.094h9.08l.3-.094c.98-.306 1.752-1.074 2.036-2.026.07-.232.167-1.277.564-6.049l.48-5.785c0-.008.092-.026.204-.039.387-.046.739-.349.841-.723a1.03 1.03 0 0 0-.347-1.043C20.334 6.004 20.283 6 18.054 6H16l-.001-1.11c0-1.199-.029-1.434-.218-1.807-.135-.267-.484-.634-.764-.802-.453-.273-.493-.276-3.017-.276-2.008 0-2.289.007-2.523.068M14 5v1h-4V4h4v1m3.9 3.15c-.011.082-.219 2.562-.461 5.51-.241 2.948-.458 5.452-.481 5.564a1.01 1.01 0 0 1-.472.647l-.186.109H7.7l-.184-.108a1.09 1.09 0 0 1-.44-.499c-.025-.062-.249-2.561-.498-5.553a1501.09 1501.09 0 0 0-.474-5.63L6.084 8h11.837l-.021.15m-8.205 1.907a1.04 1.04 0 0 0-.567.459l-.108.184v6.606l.121.197a.998.998 0 0 0 1.718 0l.121-.197V10.7l-.108-.184a1.005 1.005 0 0 0-1.177-.459m4 0a1.04 1.04 0 0 0-.567.459l-.108.184v6.606l.121.197a.998.998 0 0 0 1.718 0l.121-.197V10.7l-.108-.184a1.005 1.005 0 0 0-1.177-.459") !important;
    fill: var(--primary-color) !important;
    transform: scale(.7) translateX(-2px) translateY(-2px);
    transition: all .3s ease-out;
}

.jet-form-builder-file-upload__file-remove:is(:hover,:active,:focus) svg path {
    fill: var(--secondary-color) !important;
}

/* Styles for upload button */
.jet-form-builder-file-upload .jet-form-builder-file-upload__content .addfile {
    padding: .75rem 1rem !important;
    background-color: #fff;
    margin-top: 1.5rem;
    color: #0729A5 !important;
    font-size: .75rem !important;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #0729A5;
    border-radius: .3125rem;
    transition: all .3s ease-out;
    cursor: pointer;
    order: 99999;
}

.jet-form-builder-file-upload .jet-form-builder-file-upload__content .addfile:is(:hover,:active,:focus),
.jet-form-builder-file-upload:not(.has-files):is(:hover,:active,:focus) .addfile,
.jet-form-builder-file-upload.has-files .jet-form-builder-file-upload__content .addfile {
    background-color: #0729A5;
    color: #fff !important;
    border: 1px solid #0729A5;
}

/* Styles for the label that shows file upload status */
.jet-form-builder-file-upload .jet-form-builder-file-upload__content .labeladdfile {
    margin-bottom: .25rem;
    font-size: .875rem;
    font-weight: 500;
    transition: all .3s ease-out;
}

/* Styles for upload info (file type and max size) */
.jet-form-builder-file-upload .jet-form-builder-file-upload__message {
    font-size: .75rem;
    color: #6F8092;
}

.jet-form-builder-file-upload .jet-form-builder-file-upload__message small {
    font-size: 100%;
}

/* Hide the default file input visually */
.jet-form-builder-file-upload__input {
    display: none;
}

/* Styles for field description */
.jet-form-builder-row.field-type-media-field .jet-form-builder__desc {
    display: flex;
    align-items: center;
    background-color: #DEE8FF;
    padding: .625rem 1rem;
    color: #0729A5;
    border: 1px solid #92A9FA;
    border-radius: .5rem;
}

.jet-form-builder-row.field-type-media-field .jet-form-builder__desc::before {
    --size: 1rem;
    content: '';
    width: var(--size);
    height: var(--size);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_1606_762)"><path d="M8.00033 7.33341C8.36852 7.33341 8.66699 7.63189 8.66699 8.00008V10.6667C8.66699 11.0349 8.36852 11.3334 8.00033 11.3334C7.63213 11.3334 7.33366 11.0349 7.33366 10.6667V8.00008C7.33366 7.63189 7.63213 7.33341 8.00033 7.33341Z" fill="%230729A5"/><path d="M8.00033 4.66675C7.63213 4.66675 7.33366 4.96522 7.33366 5.33341C7.33366 5.7016 7.63213 6.00008 8.00033 6.00008H8.00699C8.37518 6.00008 8.67366 5.7016 8.67366 5.33341C8.67366 4.96522 8.37518 4.66675 8.00699 4.66675H8.00033Z" fill="%230729A5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.666992 8.00008C0.666992 3.94999 3.95024 0.666748 8.00033 0.666748C12.0504 0.666748 15.3337 3.94999 15.3337 8.00008C15.3337 12.0502 12.0504 15.3334 8.00033 15.3334C3.95024 15.3334 0.666992 12.0502 0.666992 8.00008ZM8.00033 2.00008C4.68662 2.00008 2.00033 4.68637 2.00033 8.00008C2.00033 11.3138 4.68662 14.0001 8.00033 14.0001C11.314 14.0001 14.0003 11.3138 14.0003 8.00008C14.0003 4.68637 11.314 2.00008 8.00033 2.00008Z" fill="%230729A5"/></g><defs><clipPath id="clip0_1606_762"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>') center / 1rem no-repeat;
    margin-right: .5rem;
    margin-top: -2px;
}

.jet-form-builder-row.field-type-media-field .jet-form-builder__desc small {
    font-size: .8125rem;
}

.jet-form-builder-row.field-type-media-field .jet-form-builder__desc strong {
    font-weight: 500;
}

/* Styles for errors validation */
.jet-form-builder-file-upload .jet-form-builder-file-upload__errors .error-message {
    --size: 1rem;
    content: '';
    flex: 0 0 auto;
    align-self: flex-start;
    width: var(--size);
    height: var(--size);
    margin-top: .125rem;
    margin-right: .5rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.4717 5.52855C10.7321 5.7889 10.7321 6.21101 10.4717 6.47136L8.94313 7.99996L10.4717 9.52855C10.7321 9.7889 10.7321 10.211 10.4717 10.4714C10.2114 10.7317 9.78927 10.7317 9.52892 10.4714L8.00033 8.94277L6.47173 10.4714C6.21138 10.7317 5.78927 10.7317 5.52892 10.4714C5.26857 10.211 5.26857 9.7889 5.52892 9.52855L7.05752 7.99996L5.52892 6.47136C5.26857 6.21101 5.26857 5.7889 5.52892 5.52855C5.78927 5.26821 6.21138 5.26821 6.47173 5.52855L8.00033 7.05715L9.52892 5.52855C9.78927 5.26821 10.2114 5.26821 10.4717 5.52855Z" fill="%23CE091C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.666992 7.99996C0.666992 3.94987 3.95024 0.666626 8.00033 0.666626C12.0504 0.666626 15.3337 3.94987 15.3337 7.99996C15.3337 12.05 12.0504 15.3333 8.00033 15.3333C3.95024 15.3333 0.666992 12.05 0.666992 7.99996ZM8.00033 1.99996C4.68662 1.99996 2.00033 4.68625 2.00033 7.99996C2.00033 11.3137 4.68662 14 8.00033 14C11.314 14 14.0003 11.3137 14.0003 7.99996C14.0003 4.68625 11.314 1.99996 8.00033 1.99996Z" fill="%23CE091C"/></svg>') center / 1rem no-repeat;
}