/* Size examples, scoped to the existing desktop preview column. */
#make .calc-size-preview[hidden],#make .calc-size-preview-note[hidden]{display:none!important}
#make .calc-size-preview{display:none}
#make .calc-size-preview-note{margin:12px 0 0;color:#666;font:14px/1.45 Arial,sans-serif}
@media(min-width:1025px){
 #make .make__image.calc-size-preview-active{position:relative}
 #make .make__image.calc-size-preview-active>:not(.calc-size-preview),
 #make .make__image.calc-size-preview-active>:not(.calc-size-preview) *{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
 #make .calc-size-preview{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;background:linear-gradient(110deg,#e5f0f4,#f9fbfc);color:#3d3b37}
 #make .calc-size-preview__title{flex:none;margin:0 0 16px;text-align:center;font-size:20px;font-weight:600;line-height:1.3}
 #make .calc-size-preview__figure{display:flex;flex:1;min-height:0;flex-direction:column;margin:0}
 #make .calc-size-preview__picture{flex:1;min-height:0;position:relative}
 #make .calc-size-preview__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:none}
 #make .calc-size-preview__image.is-loading{visibility:hidden}
 #make .calc-size-preview__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:14px/1.5 Arial,sans-serif;color:#666}
 #make .calc-size-preview__loading[hidden]{display:none}
 #make .calc-size-preview__caption{flex:none;margin:12px 0 0;text-align:center;font-size:20px;font-weight:600;line-height:1.3}
}