.file-upload{width:100%;position:relative}.file-upload__input{pointer-events:none;width:100%;height:100%;display:none}.file-upload__container{outline:1px dashed #000;justify-content:center;align-items:center;width:100%;display:flex}.file-upload__container--canceled,.file-upload__container--error{outline-color:#e91a05}.file-upload__label{cursor:pointer;text-align:center;transition:var(--color-fast);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:30px;line-height:1;display:flex;position:relative}@media (width>=640px){.file-upload__label{padding:60px}}.file-upload__label--dragover>.file-upload__svg--circle,.file-upload__label:hover>.file-upload__svg--circle{transform:scale(1.05)}.file-upload__label--dragover,.file-upload__label--idle:hover{color:#000}.file-upload__label--canceled,.file-upload__label--error{color:#e91a05}.file-upload__label--uploading:hover>.file-upload__plus{transform:rotate(45deg)}.file-upload__message{margin-top:20px}.file-upload__message span span{color:#bdbcba;font-variation-settings:"opsz" 12;margin-top:30px;font-size:16px;font-weight:300;line-height:21px;display:block}.file-upload__dragover{z-index:99;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.file-upload__dragover *{pointer-events:none}.fade-enter-active,.fade-leave-active{transition:var(--opacity-fast)}.fade-enter-to,.fade-leave{opacity:1}.fade-enter,.fade-leave-to{opacity:0}