.dropupload{background:#f8f8f8;border:1px dashed #aaa;display:none;min-height:100px;position:relative;transition:.3s ease-in}.dropupload:after{clear:both;content:"";display:table}.dropupload.has-advanced-upload{display:block}.dropupload.is-dragover{background:beige}.dropupload__drop-text{color:#bbb;font-size:20px;height:100px;line-height:100px;position:absolute;text-align:center;top:0;width:100%}.dropupload__file-input{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.dropupload__image{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);float:left;margin-bottom:15px;margin-right:15px;max-height:200px;max-width:200px}.dropupload__section{display:none;padding:4px}.dropupload:not(.has-selected):not(.is-uploading):not(.has-uploaded):not(.has-error) .dropupload__section--drop{display:block}.dropupload.has-selected{background:#d9edf7}.dropupload.has-error .dropupload__section--error,.dropupload.has-selected .dropupload__section--info,.dropupload.has-uploaded .dropupload__section--confirm,.dropupload.is-uploading .dropupload__section--uploading{display:block}.dropupload__extras input{margin-bottom:5px;width:100%}.dropupload__extras textarea{height:80px;width:100%}.spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;transform-origin:center}@keyframes colors{0%{stroke:#b31760}to{stroke:#b31760}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.spinner{height:32px;width:32px}