#upDater
{
 position:fixed;
 left:0;
 top:0;
 right:0;
 bottom:0;
 background-color:var(--ll-very-light-blue) !important;
 z-index:calc(3*var(--ll-ZTopMost));
 display:none;
 align-items:center;
 justify-content:center;
 backdrop-filter:blur(2px);
 -webkit-backdrop-filter:blur(2px);
}

#updPanel
{
 position:relative;
 width:80vw;
 border-radius:var(--ll-std-radius);
 background-color:var(--ll-dark-grey);
 color:var(--ll-white);
 padding-top:var(--ll-updater-top-padding);
 min-height:calc(var(--ll-updater-top-padding) + var(--ll-fontSize-plus4) + var(--ll-std-pad));
}

#updIcon
{
 position:absolute;
 top:calc(-1 * var(--ll-updater-icon-halfsize));
 left:calc(50% - var(--ll-updater-icon-halfsize));
 right:calc(50% - var(--ll-updater-icon-halfsize));
 bottom:calc(100% - var(--ll-updater-icon-halfsize));
 background-color:var(--ll-light-violet);
 border-radius:100px;
 padding:var(--ll-small-pad);
 display:flex;
 align-items:center;
 justify-content:center;
}

#updStatus
{
 font-weight:bold;
 font-size:var(--ll-fontSize-plus3);
 display:flex;
 align-items:center;
 justify-content:center;
 padding:var(--ll-std-pad);
 padding-top:0;
}

#updInfo
{
 font-size:var(--ll-fontSize-minus1);
 display:none;
 align-items:center;
 justify-content:center;
 padding:var(--ll-std-pad);
 padding-top:0;
}

#updBtnPnl
{
 display:none;
 align-items:center;
 justify-content:center;
 padding:var(--ll-std-pad);
 padding-top:0;
}

#updButton
{
 border-radius:var(--ll-std-radius);
 background-color:var(--ll-orange);
 color:var(--ll-white);
 font-weight:bold;
 font-size:var(--ll-fontSize-plus1);
 padding:var(--ll-std-pad);
 display:flex;
 align-items:center;
 justify-content:center;
 pointer-events:all;
 cursor:pointer;
 width:7rem;
}

@keyframes spinning 
{
 from{transform:rotate(0deg);}
 to{transform:rotate(360deg);}
}

.spinner
{
 animation-name:spinning;
 animation-duration:3s;
 animation-iteration-count:infinite;
 animation-timing-function:linear;
}