.s3-upload-container{
    width:100%;
    max-width:100%;
}
div{
    display: block;
}
.form-label{
    vertical-align:middle;
    white-space:normal;
    line-height:1;
}
.file-upload{
    position:relative;
    align-items:center;
    font-size:inherit;
    margin:0;
    cursor:pointer;
}
.file-upload--draggable{
    display: block;
    width:100%;
}
.upload_input{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    pointer-events:none;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.dropzone:hover,
.dopzone:focus{
    color:#45295C;
   border-color: #45295C;
   /* background-color:#45295C; */
}
.dropzone{
    font-family:"Inter", sans-serif;
    font-size:18px;
    display:block;
    text-align:center;
    padding:30px 24px 32px;
    border-radius:6px;
    border:2px dashed #d1d5db;
    background-color:#fff;
    color: #4b5563;
    cursor:pointer;
    outline:none;
    transition: 300ms background-color ease, 300ms text-color, 300ms border-color ease; 

}
.dropzone__icon{
    display:block;
    margin:0 auto;
    color:#9ca3af;
    transition:inherit;
}
.dropzone__title{
    display:block;
    font-size: 16px;
    color:inherit;
    line-height:1;
    margin-top:5px;
    margin-bottom:8px;
    transition:inherit;
}
.dropzone__accepts{
    font-size:calc(16px * 0.7);
    opacity:0.7;
    font-weight:normal;
    color:inherit;
    transition:inherit;
}
.dropzone__title span{
    font-weight:500;
    color:#45295C;
    transition:inherit;
}
.form-field{
    position:relative;
    display:flex;
    flex-direction:column;
    /* align-items:flex-start; */
    width:100%;
    grid-column-start:span 2;
    justify-content:center;
    
}
.form-files-list{
    display:none;
    gap:10px;
    flex-direction:column;
    padding:0;
    list-style-type:none;
    margin:10px 0 0;
}
.form-files-list-item{
    display:grid;
    grid-template-columns:1fr 40px;
    column-gap:30px;
    row-gap:5px;
    text-align:left;
    font-size:14px;
    font-weight:normal;
    line-height:1;
    padding:16px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background-color:#fff;
}
.form-files-list-item__name{
    font-weight:500;
    line-height:1.4;
    color:#374151
}
.form-files-list-item__size{
    grid-column-start:1;
    color:#6b7280;
}
.form-footer{
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:end;
    margin-top:10px;
}
.form-files-list-item__delete{
    grid-row-start:1;
    grid-row-end:3;
    grid-column-start:2;
    justify-self:end;
    width:30px;
    height:30px;
    background-color: #6b7280;
    padding:0;
    margin:0;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E");
    mask-size: 16px 16px;
    mask-position: center;
    mask-repeat:no-repeat;
    cursor:pointer;
    transition:300ms background-color ease;
    border:none;
}
.form-files-list-item__delete:hover{
    background-color:#ef4444;
}
.form-files-list:empty{
    margin:0;
}
ul{
    margin-block-start:1em;
    margin-block-end:1em;
    margin-inline-start:1em;
    margin-inline-end:1em;
    padding-inline-start:40px;

}
.button:disabled .button:hover:disabled{
    filter:grayscale(100%);
    opacity:0.6;
    cursor:not-allowed;
}


/* .form-button__submit:hover,
.form-button__submit:focus{
    transform:translate(50px,0px);
} */

.button--primary{
    color:#fff;
    background:#ED5C2E;
    border-color:transparent;
    text-align:center;
    text-decoration:none;
    border-radius:3px;
    cursor:pointer;
    border-width:1px;
    /* transition-timing-function: ease-in-out; */
    /* transition-property:all; */
    /* transition-duration:300ms; */
    overflow:hidden;
    padding: 14px 24px;
}
.button{
    position: relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    vertical-align:middle;
    user-select:none;
    appearance:none;
    box-sizing:border-box;
    margin:0;
    border:0;
    line-height:1;
    /* transform:translate(0,0); */
    max-width:100%;
}
.button-icon{
    line-height:1;

}
.button--text{
    color: #fff;
}
.form-button__submit{
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content:center;
    border-color:transparent;
     color:#fff;
    background-color:#ED5C2E;

    font-family: "Inter", sans-serif;
    font-size:20px;
    font-weight:700;
    /* mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M8%20256C8%20119%20119%208%20256%208s248%20111%20248%20248-111%20248-248%20248S8%20393%208%20256zm292%20116V256h70.9c10.7%200%2016.1-13%208.5-20.5L264.5%20121.2c-4.7-4.7-12.2-4.7-16.9%200l-115%20114.3c-7.6%207.6-2.2%2020.5%208.5%2020.5H212v116c0%206.6%205.4%2012%2012%2012h64c6.6%200%2012-5.4%2012-12z%22%2F%3E%3C%2Fsvg%3E); */

}

.form-button__submit::after{
    content:'';
    display:block;
    background-color: currentColor;
    width:20px;
    height:20px;
    margin-right:4px;
    margin-left:10px;
    mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M8%20256C8%20119%20119%208%20256%208s248%20111%20248%20248-111%20248-248%20248S8%20393%208%20256zm292%20116V256h70.9c10.7%200%2016.1-13%208.5-20.5L264.5%20121.2c-4.7-4.7-12.2-4.7-16.9%200l-115%20114.3c-7.6%207.6-2.2%2020.5%208.5%2020.5H212v116c0%206.6%205.4%2012%2012%2012h64c6.6%200%2012-5.4%2012-12z%22%2F%3E%3C%2Fsvg%3E);
    mask-position:0 0;
    mask-size:100% 100%;
    mask-repeat:no-repeat;
    transition-timing-function:ease-in-out;
    transition-property:transform,background-color;
    transition-duration:300ms;
    margin-left:10px;
    width:20px;
    height:20px;

}


.form-button__submit:hover::after{
    transform:translate(50px,0px);
   
}

.form.is-loading .form-button::after{
    content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='currentColor' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
  background-color: currentColor;
  mask-position: 0 0;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  
}
.form-footer{
    justify-content:center;
}