#previewInset {
  width: 150px;
  border: 1px solid red;
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 150px;
  background: white;
  background-size: contain;
  border: 2px solid #aaa;
  display: none;      
}

.packFlag {
	background-color: #3F000B;
	width: 50%;
	margin-left: 25%;
	border-radius: 500px;
	color: white; 
}

.product-view .shipping-info {
    font-size: 13px;
    padding: 18px 0px 10px;
    border-bottom: 1px #ccc dotted;
}

.photoInfo {
  cursor: pointer;
  white-space: nowrap;
}

/* Personalize step rows (photo buttons, message, contact note, Next/Start Over): spaced here instead of <br /> spacers */
.hdsPersonalizeRow {
  margin: 0 0 15px;
}
    
/* Buttons, per the Shop Hershey site toolkit (docs/, p.37): .btnPrimary is the Button Blue pill used for every main
   call to action (step buttons, add to cart, form submits); .btnSecondary is the outlined version for the alternative
   action (Start Over, Keep Editing). Colors are the --hs-* tokens in style.css. Element-qualified so they win over the
   theme's button.button rules. */
input.btnPrimary, button.btnPrimary, a.btnPrimary,
input.btnSecondary, button.btnSecondary, a.btnSecondary {
  display: inline-block;
  margin: 5px;
  padding: 14px 28px;
  border: 2px solid var(--hs-button-blue);
  border-radius: 999px;
  font-family: 'Rubik', sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-shadow: none;
  text-transform: none;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color .2s, color .2s, border-color .2s;
}
input.btnPrimary, button.btnPrimary, a.btnPrimary {
  background-color: var(--hs-button-blue);
  color: #fff;
}
input.btnPrimary:hover, button.btnPrimary:hover, a.btnPrimary:hover,
input.btnPrimary:focus, button.btnPrimary:focus, a.btnPrimary:focus {
  background-color: var(--hs-button-blue-dark);
  border-color: var(--hs-button-blue-dark);
  color: #fff;
}
input.btnSecondary, button.btnSecondary, a.btnSecondary {
  background-color: #fff;
  color: var(--hs-button-blue);
}
input.btnSecondary:hover, button.btnSecondary:hover, a.btnSecondary:hover,
input.btnSecondary:focus, button.btnSecondary:focus, a.btnSecondary:focus {
  background-color: #e6f2f8;
  color: var(--hs-button-blue-dark);
}
input.btnPrimary.disabled, button.btnPrimary.disabled {
  background-color: #999;
  border-color: #999;
  color: #fff !important;
  cursor: default;
}

.disabled {
  color: #888 !important;
  border: 1px solid #888;
}

.alt-view {
  cursor: pointer;
}
    
#loading {
    vertical-align: middle;
    background-color: #FF9;
    padding: 8px;
    border-radius: 20px;
}

#preview {
  -webkit-transition: .25s -webkit-filter linear;
  -o-transition: .25s -o-filter linear;
}

.loading {
  -webkit-filter: blur(5px); -moz-filter: blur(5px);
  -o-filter: blur(5px); -ms-filter: blur(5px); 
  filter: url(#blur); filter: blur(5px);  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
  -webkit-transition: .25s -webkit-filter linear;
  -o-transition: .25s -o-filter linear;      
}