.upload-area{user-select:none;text-align:center;background-color:#f2f9f8;border:.1rem dashed #08896d;border-radius:.4rem;justify-content:stretch;align-items:stretch;transition:background-color .15s,border-style .1s;position:relative;overflow:hidden}.upload-area.is-dropping{background-color:#fff;border-style:solid;border-width:.2rem;font-size:1.7rem}.upload-area.is-dropping .content-area{height:9.6rem}.upload-area.is-dropping:hover{background-color:#fff}.upload-area.is-dropping:focus-visible{background-color:#fff}.upload-area.disabled{border-color:#e9ecf0}.upload-area.disabled .content-area{opacity:.7;background-color:rgba(233,236,240,.2)}.upload-area.disabled:hover{background-color:#f2f9f8}.upload-area.disabled:focus-visible{background-color:#f2f9f8}.upload-area:hover{background-color:#e4f3f0}.upload-area:focus-visible{background-color:#e4f3f0}.upload-area:active{background-color:#c8e6e1}.upload-area .content-area{box-sizing:border-box;height:9.8rem;padding:2.5rem 0 2.3rem}.upload-area .content-area .ui-loading-indicator .ui-loading-indicator-animation{box-sizing:border-box;margin-left:0;padding:0 2rem}.upload-area .content-area .ui-loading-indicator .ui-loading-indicator-animation .ui-loading-indicator-bar{width:calc(100% - 15rem)}.upload-area .content-area .upload-text{letter-spacing:.016rem;font-size:1.4rem;font-weight:500}