.wc-upload
{
display: none;
}
.wc-upload-dropzone
{
display: block;
}
#wc-upload-window
{
width: 600px;
height: 70px;
position: fixed;
left: 50%;
margin-left: -300px;
bottom: -80px;
background-color: var(--popup-background);
border: 1px #E0E0E0 solid;
border-radius: 4px;
}
#wc-upload-text
{
float: left;
padding: 0px;
margin: 0px;
width: calc(100% - 75px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#wc-upload-size
{
float: left;
padding: 0px;
margin: 0px;
width: 65px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#wc-upload-cancel
{
display: table;
width: calc(100% - 20px);
margin: 0px;
height: 45px;
background-color: var(--button-background);
line-height: 45px;
text-align: center;
border-radius: 4px;
}
#wc-upload-cancel:hover
{
background-color: var(--button-background-hover);
}
#wc-upload-progress
{
margin-top:4px;
height: 20px;
width: 95%;
}
@media screen and (max-width: 640px)
{
#wc-upload-window
{
width: 90%;
left: 5%;
margin-left: 0px;
}
}