.file-transfer{color:var(--fg,inherit);background:color-mix(in srgb, currentColor 5%, transparent);box-sizing:border-box;text-align:start;border-radius:14px;inline-size:100%;margin-block:16px;padding:20px}.file-transfer__heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.file-transfer__identity{gap:6px;min-inline-size:0;display:grid}.file-transfer__identity strong{font-size:15px;font-weight:700}.file-transfer__filename{overflow-wrap:anywhere;font-size:13px}.file-transfer__counter{font-variant-numeric:tabular-nums;direction:ltr;flex-shrink:0;align-items:baseline;gap:4px;display:flex}.file-transfer__counter>span{font-size:36px;font-weight:700;line-height:1.25}.file-transfer__counter>small{font-size:16px}.file-transfer .file-transfer__track{appearance:none;background:color-mix(in srgb, currentColor 13%, transparent);block-size:8px;inline-size:100%;color:inherit;border:0;border-radius:8px;margin-block:16px 12px;display:block;overflow:hidden}.file-transfer__track::-webkit-progress-bar{background:color-mix(in srgb, currentColor 13%, transparent);border-radius:8px}.file-transfer__track::-webkit-progress-value{background:currentColor;border-radius:8px}.file-transfer__track::-moz-progress-bar{background:currentColor;border-radius:8px}.file-transfer__details{justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;display:flex}.file-transfer__details>:last-child{white-space:nowrap}@media (max-width:480px){.file-transfer{padding:16px}.file-transfer__heading{gap:16px}.file-transfer__counter>span{font-size:30px}}