.dropzone{position:relative;border-radius:10px;border:1px dashed var(--color-primary);background-color:rgba(16,82,181,.06);padding:30px;text-align:center}.dropzone input{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.dropzone .icon{width:69px;margin:0 auto 10px}.dropzone .icon svg{width:100%;height:100%;display:block}.dropzone strong{font-size:var(--typo-xs);color:var(--color-black)}.dropzone strong u{color:var(--color-primary)}.dropzone p{font-size:12px;color:#676767;margin:0}.dropzone-file{padding-top:20px}.dropzone-file ul{padding:0;margin:0}.dropzone-file ul>li{list-style:none;position:relative;padding:4px 12px;border:.5px solid #e3e3e3;border-radius:4px;color:#0f0f0f;font-size:12px}.dropzone-file ul>li:after{content:"";background-color:#b18f30;height:3px;width:60%;border-radius:3px;position:absolute;top:100%;left:0}.dropzone-file ul>li+li{margin-top:10px}html[data-asw-filter=dark-contrast] .dropzone{border-color:var(--color-default);background-color:var(--color-snow)}html[data-asw-filter=dark-contrast] .dropzone .icon svg path{fill:var(--color-dark)}html[data-asw-filter=dark-contrast] .dropzone strong u{color:var(--color-dark)}html[data-asw-filter=yellow-contrast] .dropzone{border-color:var(--color-default);background-color:#fafab5}html[data-asw-filter=yellow-contrast] .dropzone .icon svg path{fill:var(--color-dark)}html[data-asw-filter=yellow-contrast] .dropzone strong u{color:var(--color-dark)}@media(max-width:1199px){.dropzone{padding:20px}.dropzone .icon{width:60px}}@media(max-width:991px){.dropzone{padding:15px}.dropzone .icon{width:50px}}@media(max-width:767px){.dropzone .icon{width:40px}}