.he-layout-preview,.he-suuz-layout-preview{flex-direction:column;flex:auto;width:98%;height:98%;margin:1%;display:flex;overflow:hidden}.he-layout-preview .he-layout-title,.he-suuz-layout-preview .he-layout-title{white-space:nowrap;text-overflow:ellipsis;text-align:center;align-self:center;padding:0 5px 4px;overflow:hidden}.he-preview-loader{background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.he-preview-loader--hidden{display:none}.he-spread-container,.he-personalize-container,.he-composer-svg-preview,.he-order-container{position:absolute}.he-preview-container,.he-personalize-composer,.he-spread-composer{position:relative}.he-composer-zoom-container,.he-composer-background,.he-personalize-container,.he-spread-container,.he-preview-container,.he-zoom-container,.he-preview-background{flex-direction:column;flex:1;width:100%;height:100%;display:flex}@media (width>=970px){.he-composer-zoom-container,.he-composer-background,.he-personalize-container,.he-spread-container,.he-preview-container,.he-zoom-container,.he-preview-background{flex-direction:row}}.he-personalize-composer,.he-spread-composer{background-color:#fff;flex-direction:column;flex:auto;display:flex;overflow:hidden}.he-preview-svg{position:relative}.he-zoom-container{display:flex;overflow:hidden}.he-zoom-container .he-preview-background{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;position:absolute;overflow:hidden}.he-zoom-container .he-preview-div{position:absolute;overflow:hidden}.he-3d-preview-wrapper{flex-direction:column;flex:1 0 auto;width:100%;height:100%;display:flex}.he-3d-previews{aspect-ratio:1;justify-content:center;align-items:center;margin:auto}.he-3d-previews.portrait{width:100%;height:auto}.he-3d-previews.landscape{width:auto;height:100%}.he-composer-zoom-container{position:relative;overflow:hidden}.he-composer-zoom-container .he-composer-background{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;position:absolute}.he-composer-zoom-container .he-composer-div{border-style:solid;border-width:1px;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANElEQVQYV72QMQoAIBDDmv8/OqI4nOCN2qmFDKEkMSV6zABBldn6+BFaOlu8dXoA3b6pjwwk7S31cHdi3wAAAABJRU5ErkJggg==) 1 round;position:absolute}.center-pre-prompt{pointer-events:none;justify-content:center;align-items:center;height:100%;display:flex;top:0;left:0}.center-pre-prompt.hide{display:none}@keyframes wiggle{10%,12%{transform:translate(-25px)}30%,32%{transform:translate(25px)}0%,45%,to{transform:translate(0%)}}@keyframes fade{5%,40%{opacity:1}0%,45%,to{opacity:0}}.pre-prompt{pointer-events:none;animation-name:wiggle,fade;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.progress-bar{background-color:#00000080;border:1px solid #ffffffe6;border-radius:25px;width:33%;height:10%;max-height:2%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px 3px #00000080,0 0 5px 1px #0009}.progress-bar.hide{visibility:hidden;transition:visibility .3s}.update-bar{float:left;background-color:#ffffffe6;border-radius:25px;width:0%;height:100%;transition:width .3s}.he-cursor-pointer{cursor:pointer}.he-no-pointer-events{pointer-events:none}.he-pointer-events-auto{pointer-events:auto}.he-hidden{display:none}.he-edgeindicator{fill:none;stroke:#e2a693;pointer-events:none}.he-no-pointer-events-on-parent{pointer-events:none}.he-no-pointer-events-on-parent *{pointer-events:auto}