.wrapper{padding:100px}.dropify-font:before,.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before,[class*=\ dropify-font-]:before,[class^=dropify-font-]:before{speak:none;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;width:1em;margin-left:.2em;margin-right:.2em;font-family:dropify;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.dropify-wrapper,.dropify-wrapper .dropify-clear{font-family:Roboto,Helvetica Neue,Helvetica,Arial}.dropify-wrapper.has-error .dropify-message .dropify-error,.dropify-wrapper.has-preview .dropify-clear{display:block}.dropify-font-upload:before{content:""}.dropify-font-file:before{content:""}.dropify-wrapper{cursor:pointer;color:#777;text-align:center;background-image:none;border:1px dashed #cbd5e1;border-radius:8px;width:100%;max-width:100%;height:200px;padding:5px 10px;font-size:14px;line-height:22px;transition:border-color .15s linear;display:block;position:relative;overflow:hidden}.dropify-wrapper.has-error{border-color:#ff4500}.dropify-wrapper.has-error:hover .dropify-errors-container{visibility:visible;opacity:1;transition-delay:0s}.dropify-wrapper.disabled input{cursor:not-allowed}.dropify-wrapper.disabled:hover{background-image:none;animation:none}.dropify-wrapper.disabled .dropify-message{opacity:.5;text-decoration:line-through}.dropify-wrapper.disabled .dropify-infos-message{display:none}.dropify-wrapper input{opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;position:absolute;inset:0}.dropify-wrapper .dropify-message{position:relative;top:50%;transform:translateY(-50%)}.dropify-wrapper .dropify-message span.file-icon{color:#ccc;justify-content:center;font-size:50px;display:flex}.dropify-wrapper .dropify-message p{margin:5px 0 0}.dropify-wrapper .dropify-message p.dropify-error{color:#ff4500;font-weight:700;display:none}.dropify-wrapper .dropify-clear{opacity:0;z-index:7;text-transform:uppercase;color:#fff;background:0 0;border:2px solid #fff;padding:4px 8px;font-size:11px;font-weight:700;transition:all .15s linear;display:none;position:absolute;top:10px;right:10px}.dropify-wrapper .dropify-clear:hover{background:#fff3}.dropify-wrapper .dropify-preview{z-index:1;text-align:center;background-color:#fff;width:100%;height:100%;padding:5px;display:none;position:absolute;inset:0;overflow:hidden}.dropify-wrapper.has-preview .dropify-preview{display:block}.dropify-wrapper .dropify-preview .dropify-render img{object-fit:contain;object-position:center;background-color:#fff;width:100%;height:100%;transition:border-color .15s linear;position:relative}.dropify-wrapper .dropify-preview .dropify-render i{color:#777;font-size:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropify-wrapper .dropify-preview .dropify-render .dropify-extension{text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;width:42px;margin-top:10px;font-size:13px;font-weight:900;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dropify-wrapper .dropify-preview .dropify-infos{z-index:3;opacity:0;background:#000000b3;transition:opacity .15s linear;position:absolute;inset:0}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner{backface-visibility:hidden;width:100%;padding:0 20px;transition:all .2s;position:absolute;top:50%;transform:translateY(-40%)}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-align:center;width:100%;margin:0;padding:0;font-weight:700;line-height:25px;position:relative;overflow:hidden}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon{margin-right:2px}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message{opacity:.5;margin-top:15px;padding-top:15px;font-size:12px;position:relative}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message:before{content:"";background:#fff;width:30px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dropify-wrapper:hover .dropify-clear,.dropify-wrapper:hover .dropify-preview .dropify-infos{opacity:1}.dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner{margin-top:-5px}.dropify-wrapper.touch-fallback{height:auto!important}.dropify-wrapper.touch-fallback:hover{background-image:none;animation:none}.dropify-wrapper.touch-fallback .dropify-preview{padding:0;position:relative}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render{display:block;position:relative}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message:before,.dropify-wrapper.touch-fallback.has-preview .dropify-message{display:none}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file{position:relative;top:0;left:0;transform:translate(0)}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file:before{margin-top:30px;margin-bottom:30px}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render img{position:relative;transform:translate(0)}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos{opacity:1;background:0 0;position:relative}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner{padding:5px 90px 5px 0;position:relative;top:0;transform:translate(0)}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p{white-space:nowrap;text-overflow:ellipsis;color:#777;text-align:left;width:100%;margin:0;padding:0;line-height:25px;position:relative;overflow:hidden}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename{font-weight:700}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message{opacity:1;margin-top:0;padding-top:0;font-size:11px;position:relative}.dropify-wrapper.touch-fallback .dropify-message{padding:40px 0;transform:translate(0)}.dropify-wrapper.touch-fallback .dropify-clear{opacity:1;color:#777;border-color:#777777b3;top:auto;bottom:23px}.dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner{margin-top:0}.dropify-wrapper .dropify-loader{z-index:9;display:none;position:absolute;top:15px;right:15px}.dropify-wrapper .dropify-loader:after{content:"";border:1px solid #777;border-color:#ccc #777 #777 #ccc;border-radius:100%;width:20px;height:20px;animation:.6s linear infinite rotate;display:block;position:relative}.dropify-wrapper .dropify-errors-container{z-index:3;text-align:left;visibility:hidden;opacity:0;background:#f34141cc;transition:visibility 0s linear .15s,opacity .15s linear;position:absolute;inset:0}.dropify-wrapper .dropify-errors-container ul{margin:0;padding:10px 20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dropify-wrapper .dropify-errors-container ul li{color:#fff;margin-left:20px;font-weight:700}.dropify-wrapper .dropify-errors-container.visible{visibility:visible;opacity:1;transition-delay:0s}.dropify-wrapper~.dropify-errors-container ul{margin:15px 0;padding:0}.dropify-wrapper~.dropify-errors-container ul li{color:#ff4500;margin-left:20px;font-weight:700}@keyframes stripes{0%{background-position:0 0}to{background-position:60px 30px}}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(0)}}