.app-file-input{--control-padding-x:.75rem;--control-padding-y:.75rem;position:relative}.app-file-input__input{height:.1px;left:0;opacity:0;position:absolute;top:0;width:.1px;z-index:-9}.app-file-input__inner{border:.0625rem dashed var(--color-black-200);border-radius:var(--border-radius-8);overflow:hidden;padding:var(--control-padding-y) var(--control-padding-x)}.app-file-input__row{align-items:flex-end;display:flex;gap:.5rem}.app-file-input__text{flex:1 1 auto}.app-file-input__title{font-size:var(--body-font-size-sm);font-weight:var(--body-font-weight);line-height:var(--body-line-height)}.app-file-input__title:not(:last-child){margin-bottom:.125rem}.app-file-input__title a{text-decoration:underline}.app-file-input__body{color:var(--color-black-500);font-size:.75rem;font-weight:var(--body-font-weight);line-height:var(--body-line-height);max-width:12.5rem}.app-file-input__files{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.75rem}.app-file-img{--img-size:5rem;border-radius:var(--border-radius-8);display:block;height:var(--img-size);overflow:hidden;position:relative;width:var(--img-size)}.app-file-img__img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.app-file-img__remove-btn{--btn-size:2rem;align-items:center;background-color:var(--color-white);border:none;border-radius:var(--border-radius-8);color:var(--color-black-300);display:flex;font-size:calc(var(--btn-size)*.6);height:var(--btn-size);justify-content:center;overflow:hidden;padding:.25rem;position:absolute;right:.125rem;top:.125rem;transition:color var(--transition-duration-primary);width:var(--btn-size);z-index:9}.app-file-img__remove-btn:not(:disabled){cursor:pointer}@media (any-hover:hover){.app-file-img__remove-btn:not(:disabled):hover{color:var(--color-black-900)}}.files-list-enter-active,.files-list-leave-active{transition:var(--transition-duration-primary) ease}.files-list-enter-from,.files-list-leave-to{opacity:0;transform:scale(.95)}.files-list-enter-to,.files-list-leave-from{opacity:1;transform:scale(1)}