// Host
$tp-host-min-width: 120px !default;
$tp-host-width: 50% !default;

// Upload wrapper
$tp-upload-wrapper-bg-color: #FFFFFF !default;
$tp-upload-wrapper-border-color: #dedede !default;
$tp-upload-wrapper-border-width: 2px !default;
$tp-upload-wrapper-border-radius: 5px !default;
$tp-upload-wrapper-transition: 0.2s !default;

// Upload area
// (no unique values beyond 100% dimensions)

// File selected
$tp-file-selected-margin-horizontal: 15px !default;

// File info
$tp-file-info-gap: 5px !default;
$tp-file-name-font-weight: bold !default;
$tp-file-size-font-size: 11px !default;
$tp-file-size-color: darkgrey !default;

// Reset file
$tp-reset-file-size: 22px !default;
$tp-reset-file-opacity: 0.6 !default;
$tp-reset-file-transition: 0.2s !default;

// Upload status
$tp-upload-status-margin-top: 2px !default;
$tp-upload-status-font-size: 10px !default;
$tp-upload-status-color: darkgrey !default;

// Upload progress
$tp-upload-progress-gap: 10px !default;
$tp-upload-progress-margin-top: 10px !default;
$tp-upload-progress-margin-horizontal: 15px !default;
$tp-upload-progress-color: darkgrey !default;
$tp-upload-progress-font-size: 11px !default;

// Progress container
$tp-progress-container-width: 300px !default;
$tp-progress-container-height: 11px !default;
$tp-progress-container-bg-color: #f0f2f5 !default;
$tp-progress-container-border-radius: 5px !default;

// Progress bar
$tp-progress-bar-bg-color: #1A73E8 !default;
$tp-progress-bar-border-radius: 50px !default;
$tp-progress-bar-transition: 0.2s !default;

// Requirements info
$tp-requirements-info-margin: 4px !default;
$tp-requirements-info-color: darkgrey !default;
$tp-requirements-info-font-size: 10px !default;

// Highlight
$tp-highlight-border-color: #1A73E8 !default;
$tp-highlight-bg-color: #FFFFFF !default;

// Wrong file type
$tp-wrong-file-type-opacity: 0.4 !default;
