.c-drop-file--wp.js-has-error{border:1px dashed red;padding:1rem;transition:all .2s}.c-drop-file{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:100%;width:100%}.c-drop-file:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(0,185,55,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity))}.c-drop-file{border:1px dashed #999}.c-drop-file__label{-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-flex;display:flex;width:100%}@media (min-width:640px){.c-drop-file__label{display:block;text-align:center}}.c-drop-file__label figure{display:block;margin:0;padding:0}.c-drop-file__label figure svg{fill:#999}.c-drop-file__input{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.c-drop-file__media{-webkit-flex:0 1 50%;flex:0 1 50%;min-width:20%}.c-drop-file__file{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;padding:1rem}.c-drop-file__file span{font-size:.85rem;overflow-wrap:anywhere;padding-right:1rem}.c-drop-file__file__remove{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));border:0;border-radius:0;color:rgba(255,255,255,var(--tw-text-opacity));display:inline-block;-webkit-flex:0 1 24px;flex:0 1 24px;font-size:0;height:1.5rem;line-height:0;min-width:24px;text-align:center;width:1.5rem}.c-drop-file.is-active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(0,185,55,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity))}.c-drop-file.is-active figure svg{fill:#fff}