.upload-area{background:#f8faff;border:1px solid #dce4f0;padding:24px}.upload-help{margin:0 0 18px;color:#596579;font-size:14px}.upload-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.file-slot{position:relative;min-height:178px;padding:18px 10px;border:2px dashed #b6c2d2;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.2s}.file-slot:hover{border-color:var(--blue);background:#f4f8ff}.file-slot input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.slot-number{position:absolute;top:9px;left:11px;color:#8b96a8;font-size:11px;font-weight:800}.slot-arrow{width:45px;height:45px;margin-bottom:10px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:24px}.file-slot strong{font-size:13px}.slot-name{display:block;width:100%;margin-top:7px;color:#697386;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-slot.has-file{border-style:solid;border-color:#29a36a;background:#effaf4}.file-slot.has-file .slot-arrow{background:#29a36a}.file-slot.has-file strong{color:#177348}.file-slot.has-file .slot-name{color:#177348;font-weight:700}.upload-area output{display:inline-block;margin-top:18px;padding:8px 12px;background:#eaf1ff;color:var(--blue);font-size:13px;font-weight:800}.upload-limits{display:block;margin-top:10px;color:#697386}@media(max-width:900px){.upload-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.upload-area{padding:18px 12px}.upload-slots{grid-template-columns:1fr}.file-slot{min-height:92px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;justify-items:start;padding:14px 14px 14px 46px}.slot-number{top:50%;left:14px;transform:translateY(-50%)}.slot-arrow{grid-row:1/3;width:42px;height:42px;margin:0}.file-slot strong{align-self:end}.slot-name{align-self:start;max-width:100%}}