@layer components-shared{.input-file__drag-container{display:flex;align-items:center;flex-direction:column;padding:16px 24px;text-align:center;border:1px dashed var(--blue800);border-radius:var(--br24);background:var(--gray0);gap:8px}.input-file__drag-container:hover{background:var(--gray50)}.input-file__load-btn{display:flex;align-items:center;cursor:pointer;gap:8px;color:var(--orange500)}.input-file__load-file{display:flex;gap:4px;align-items:center;padding:2px 8px;border-radius:var(--br24);background:var(--gray50)}.input-file__delete-btn{cursor:pointer}.input-file__placeholder{-webkit-user-select:none;-moz-user-select:none;user-select:none}.js-drag-active.input-file__drag-container{border:1px dashed var(--orange500)}.js-error.input-file__drag-container{border-color:var(--red500)}.js-error.input-file__load-btn{color:var(--red500)}}