.flipbook-viewport{position:relative;overflow:hidden;width:100%;height:100%}.flipbook-viewport .flipbook-viewport-container{position:absolute;top:20px;left:50%;transform:translate(-50%);margin:auto}.flipbook-viewport .flipbook{width:800px;height:400px;top:0;margin-left:0!important}.flipbook-viewport .page{width:400px;height:400px;background-color:#fff;background-repeat:no-repeat;background-size:100% 100%}.flipbook:before{content:"";position:absolute;top:50%;left:20px;transform:translateY(-50%);display:block;width:100px;height:50px;background-image:url(flipblock-before.png);background-size:contain;background-repeat:no-repeat;z-index:-1}@media (min-width: 1024px){.flipbook:before{width:188px;height:103px}}.flipbook .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);-moz-box-shadow:0 0 20px rgba(0,0,0,.2);-ms-box-shadow:0 0 20px rgba(0,0,0,.2);-o-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px #0003}.album-simulator .photo-item,.product-box .photo-item{width:51px;height:51px;background-size:cover;background-repeat:no-repeat;position:absolute;cursor:pointer;border:4px solid #fff;background-color:#fff}.-layout1 .photo-item{top:14px;left:19px}.-layout2 .photo-item{top:47px;left:55px}.-layout3 .photo-item{width:55px;height:55px;top:47px;left:47px}.album-simulator .photo-item.-subtitle:after,.product-box .photo-item.-subtitle:after{content:"" attr(data-subtitle) "";font-size:5px;line-height:10px;position:absolute;bottom:-4px;left:0;background:#fff;color:#000;width:100%;text-align:center}@media (min-width: 768px){.album-simulator .photo-item,.product-box .photo-item{width:119px;height:119px;background-size:cover;background-repeat:no-repeat;position:absolute;cursor:pointer;border:7px solid #fff;background-color:#fff}.-layout1 .photo-item{top:33px;left:45px}.-layout2 .photo-item{top:115px;left:127px}.-layout3 .photo-item{width:128px;height:128px;top:111px;left:111px}.album-simulator .photo-item.-subtitle:after,.product-box .photo-item.-subtitle:after{content:"" attr(data-subtitle) "";font-size:8px;line-height:16px;position:absolute;bottom:-7px;left:0;background:#fff;width:100%;text-align:center}}.-layout1 .photo-item[data-page="2"]{top:50px;left:67px;transform:rotate(-6deg)}.-layout1 .photo-item[data-page="3"]:nth-child(1){top:29px;left:31px}.-layout1 .photo-item[data-page="3"]:nth-child(2){top:29px;right:26px}.-layout1 .photo-item[data-page="3"]:nth-child(3){bottom:27px;left:31px}.-layout1 .photo-item[data-page="3"]:nth-child(4){bottom:27px;right:26px}.-layout1 .photo-item[data-page="4"]:nth-child(1){bottom:46px;right:18px}.-layout1 .photo-item[data-page="4"]:nth-child(2){top:43px;left:33px}.-layout1 .photo-item[data-page="5"]:nth-child(1){top:62px;left:98px}.-layout1 .photo-item[data-page="6"]:nth-child(1){bottom:64px;left:33px}.-layout1 .photo-item[data-page="6"]:nth-child(2){bottom:64px;right:19px}.-layout1 .photo-item[data-page="7"]:nth-child(1){bottom:64px;left:16px}.-layout1 .photo-item[data-page="7"]:nth-child(2){bottom:64px;right:33px}.photo-item{width:140px;height:140px;background-size:cover;background-repeat:no-repeat;position:absolute;pointer-events:none}@media (max-width: 1023px){.photo-item{width:58px;height:58px}.-layout1 .photo-item[data-page="2"]{top:21px;left:29px}}.album-border{position:absolute;top:10px;display:block;width:0px;height:95%;z-index:10;background:transparent}.album-border.-right{right:-15px;box-shadow:-10px 0 15px 8px #3838384d}.album-border.-left{left:-15px;box-shadow:10px 0 15px 8px #3838384d}.flipbook-viewport .page img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}.flipbook-viewport .shadow{-webkit-transition:-webkit-box-shadow .5s;-moz-transition:-moz-box-shadow .5s;-o-transition:-webkit-box-shadow .5s;-ms-transition:-ms-box-shadow .5s;-webkit-box-shadow:0 0 20px #ccc;-moz-box-shadow:0 0 20px #ccc;-o-box-shadow:0 0 20px #ccc;-ms-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc}.box-2{padding:.5em;width:calc(50% - 1em)}.options label,.options input{width:4em;padding:.5em 1em}.btn{background:#fff;color:#000;border:1px solid black;padding:.5em 1em;text-decoration:none;margin:.8em .3em;display:inline-block;cursor:pointer}.hide{display:none}img{max-width:100%}.photo-upload-crop-modal{position:fixed;top:0;left:0;bottom:0;right:0;background:#ffffffb3;z-index:100}.photo-upload-crop-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:425px;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 0 10px #0003;padding-bottom:20px}.photo-upload-crop-header{display:flex;justify-content:space-between;padding:12px 20px;background:#f8f9ff;font-weight:700;font-size:18px;line-height:27px;color:#282828}.photo-upload-crop-header button{background:none;border:none;font-size:20px}.photo-upload-crop-modal-content .result{margin:0 32px 10px;max-height:500px}@media (max-width: 600px){.photo-upload-crop-modal{overflow:scroll}.photo-upload-crop-modal-content .result{max-height:200px}}.photo-upload-crop-sub{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;cursor:pointer;margin-bottom:12px}.photo-upload-crop-sub .subtitle-checkbox{order:1}.photo-upload-crop-sub span{display:block;font-family:Roboto;font-weight:500;font-size:16px;line-height:24px;color:#656565;order:2;margin-left:5px}.photo-upload-crop-sub .subtitle-text-input{width:100%;order:3;margin-top:10px}.photo-upload-crop-sub .subtitle-checkbox+.subtitle-text-input{display:block;font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#a8aaac;margin-left:32px;margin-right:32px}.photo-upload-crop-sub .subtitle-checkbox:checked+.subtitle-text-input{display:none}.photo-upload-crop-actions{display:flex;justify-content:space-between;margin:20px 32px}.photo-upload-crop-modal-content .button-default:not(.button-brandcolor){display:block;width:300px;background:#49a71c;color:#fff;margin:0 auto;padding:9px 10px 8px}.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr!important}.cropper-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0deg!important}:root{--main-rotate: 0}.cropper-bg{transform:rotate(0)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/album-config.css.map */