/* LabelSizeCalc UI */
.lsc-box{
  border:1px solid #e5e5e5;
  padding:12px;
  margin:10px 0;
  border-radius:4px;
}
.lsc-title{
  font-weight:bold;
  margin:0 0 10px 0;
}
.lsc-grid{
  display:block;
}
.lsc-group{
  margin-bottom:10px;
}
.lsc-label{
  display:block;
  margin-bottom:4px;
}
.lsc-controls{
  display:block;
}
.lsc-controls input[type="range"]{
  width: 100%;
  display:block;
}
.lsc-controls input[type="number"]{
  width: 140px;
  margin-top: 8px;
}
.lsc-price-hint{
  margin:6px 0 0 0;
  font-size:12px;
  opacity:0.8;
}

/* Price loading indicator */
#our_price_display.lsc-loading,
.our_price_display.lsc-loading{
  position: relative;
  opacity: 0.6;
  pointer-events: none;
}
#our_price_display.lsc-loading:after,
.our_price_display.lsc-loading:after{
  content: '';
  position: absolute;
  top: 50%;
  right: -26px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border: 2px solid rgba(0,0,0,0.2);
  border-top-color: rgba(0,0,0,0.6);
  border-radius: 50%;
  animation: lscspin 0.8s linear infinite;
}
@keyframes lscspin { to { transform: rotate(360deg); } }

#lsc_foil{ width:100%; padding:6px; }