.preview-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:54px 20px;gap:32px;position:relative}.front-blank-page-image,.back-blank-page-image{width:100%;max-width:580px}.cover-container{display:flex;justify-content:center}#hardCoverCanvas{display:none;position:absolute;z-index:0}.back-cover-image,.hard-back-cover-image{width:100%;max-width:600px}.hard-back-cover-image{display:none}.cover-shadow{position:relative}.cover-shadow:after,.cover-shadow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.cover-shadow:before{box-shadow:0 13px 27px -5px #815c181f,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000008;z-index:-1}.cover-shadow.cover-container:after{background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.2) min(3px,.64%),transparent min(6px,1.04%),transparent min(17px,3.7%),rgba(0,0,0,.2) min(22px,4.77%),rgba(0,0,0,.2) min(24px,4.99%),transparent min(31px,6.21%))}.cover-shadow.back-cover-container:after{background:linear-gradient(270deg,rgba(0,0,0,.2),rgba(0,0,0,.2) min(3px,.64%),transparent min(6px,1.04%),transparent min(17px,3.7%),rgba(0,0,0,.2) min(22px,4.77%),rgba(0,0,0,.2) min(24px,4.99%),transparent min(31px,6.21%))}.book-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:0;width:100%}.photo-shadow,.message-shadow{width:100%;position:relative;display:flex}.photo-shadow:after,.photo-shadow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;aspect-ratio:1}.message-shadow:after,.message-shadow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;aspect-ratio:1}.photo-shadow:before{box-shadow:0 13px 27px -5px #815c181f,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000008;z-index:-1}.message-shadow:before{box-shadow:0 13px 27px -5px #815c181f,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000008;z-index:-1}.photo-shadow.photo-page:after{background:linear-gradient(270deg,rgba(0,0,0,.1),hsla(0,0%,100%,.1) min(20px,3.5%),rgba(0,0,0,.04) min(42px,7.5%),transparent min(146px,26%))}.message-shadow.message-page:after{background:linear-gradient(90deg,rgba(0,0,0,.1),hsla(0,0%,100%,.1) min(20px,3.5%),rgba(0,0,0,.04) min(42px,7.5%),transparent min(146px,26%))}.photo-section,.message-section{text-align:center}.personalize-btn{font-size:16px;line-height:24px;padding:16px 24px;border:none;background:#fff;color:#313131;border:1px solid #313131;cursor:pointer;transition:.3s ease;margin:16px 0 0}.personalize-btn:hover{background:#313131;color:#fff;border:1px solid #313131}#continue-to-format-btn{font-size:16px;line-height:24px;padding:16px 40px;border:none;background:#fff;color:#313131;border:1px solid #313131;cursor:pointer;transition:.3s ease;width:100%;max-width:600px}#continue-to-format-btn:hover{background:#313131;color:#fff;border:1px solid #313131}#pdf-loader,#pdf-initial-loader,#format-initial-loader{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:9999;align-items:center;flex-direction:column;justify-content:center;gap:20px}.loader-text,.initial-loader-text{font-size:18px;line-height:24px;font-weight:600;margin:0;text-align:center}.spinner{display:block!important;width:50px;height:50px;border:4px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.continue-btn-wrapper{background-color:#fff;padding:16px;position:sticky;bottom:0;border-top:1px solid #ccc;display:flex;justify-content:center;align-items:center;z-index:40}.modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b5;justify-content:center;align-items:center}.modal-box{background-color:#fff;width:500px;max-width:90%;border-radius:0;overflow:hidden;box-shadow:0 2px 15px #0003}.modal-header{display:flex;justify-content:flex-end;padding:10px 16px;border-bottom:1px solid #e0e0e0}.modal-header.photo-modal-header{justify-content:space-between}.price-addition{padding:8px;font-size:14px;line-height:14px;background-color:#ffd15a;font-weight:700}.modal-cancel{background:none;margin:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-content-wrap{display:flex;flex-direction:column;gap:8px}.modal-heading{font-size:18px;line-height:24px;font-weight:600;color:#313131;margin:0}.modal-body{display:flex;flex-direction:column;gap:24px;padding:20px}.subtext{font-size:14px;line-height:18px;font-weight:400;color:#555;margin:0}.textarea-wrapper{position:relative}#customMessage{width:100%;padding:12px;font-size:16px;line-height:22px;font-family:Avenir Next Rounded;border:1px solid #ccc;border-radius:0;resize:none;margin:0;min-height:140px}.error-message{font-size:14px;line-height:16px;font-weight:400;color:#f44336;margin:0}.upload-area{position:relative;background-color:#fdf8f4;border:2px dashed #c9c9c9;padding:20px;text-align:center;cursor:pointer;transition:border-color .3s ease}.upload-area:hover{border-color:#888}.file-input{position:absolute;width:100%;height:100%;opacity:0;top:0;left:0;cursor:pointer}.upload-placeholder{pointer-events:none}.camera-icon{width:auto}.upload-text{font-size:16px;font-weight:500;color:#313131;margin:8px 0 2px}.upload-subtext{font-size:14px;color:#777;margin:0}#photo-preview-container{display:flex;justify-content:center;position:relative}#photo-preview{display:none;width:256px;height:256px;object-fit:cover;object-position:center}#remove-photo{display:none;align-items:center;justify-content:center;position:absolute;top:-10px;right:20%;border-radius:50%;padding:4px;background-color:#313131;cursor:pointer}.remove-photo-icon{width:20px}.modal-submit{width:100%;margin:0;background-color:#1f1f1f;color:#fff;padding:12px;border:none;font-size:16px;font-weight:500;border-radius:0;cursor:pointer}.intro-grid,.story-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:0;row-gap:20px}.intro-page{width:100%}.story-page{width:100%;position:relative;display:flex}.story-grid-item{width:100%}.story-page:after,.story-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;aspect-ratio:1}.story-page:before{box-shadow:0 13px 27px -5px #815c181f,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000008;z-index:-1}.story-page.story-page-right:after{background:linear-gradient(90deg,rgba(0,0,0,.1),hsla(0,0%,100%,.1) min(20px,3.5%),rgba(0,0,0,.04) min(42px,7.5%),transparent min(146px,26%))}.story-page.story-page-left:after{background:linear-gradient(270deg,rgba(0,0,0,.1),hsla(0,0%,100%,.1) min(20px,3.5%),rgba(0,0,0,.04) min(42px,7.5%),transparent min(146px,26%))}.view-toggle-wrapper{position:sticky;top:56px;background:transparent;padding:0;z-index:100;display:flex;gap:4px;justify-content:center}.view-toggle-wrapper button{font-size:16px;line-height:24px;padding:16px 24px;border:none;background:#fff;color:#313131;border:1px solid #313131;cursor:pointer;transition:.3s ease;margin:0!important}.view-toggle-wrapper button:hover{background:#313131;color:#fff;border:1px solid #313131}.view-toggle-wrapper button.active{background:#313131;color:#fff}.decorated-child-container img{pointer-events:none}.decorated-child-container{display:inline-block}.personalization-container{width:100%;max-width:576px;margin:0 auto;padding:56px 20px;display:flex;flex-direction:column;justify-content:center;gap:24px}.personalize-heading{font-size:24px;line-height:30px;font-weight:600;color:#000;text-align:center;text-transform:capitalize;margin:0}.field-label{font-size:14px;line-height:18px;font-weight:600;color:#313131;margin:0;display:block}.main-name-field-wrapper{display:flex;flex-direction:column;gap:12px;width:100%}.field-group{display:flex;flex-direction:column;gap:8px}#childName{width:100%;padding:10px;font-size:16px}.options button{margin:0;padding:10px 20px;cursor:pointer;border:none;background-color:#ddd;font-size:16px;line-height:24px;flex:1}.options{display:flex;justify-content:center;gap:20px}.options button.active{background-color:#313131;color:#fff}#continue-btn{margin:0;padding:14px 20px;font-size:18px;line-height:24px;background-color:#313131;color:#fff;border:none;cursor:pointer}#continue-btn:disabled{background-color:#ccc;cursor:not-allowed}.name-field-error{font-size:14px;line-height:16px;font-weight:400;color:#f44336;margin:0}.format-main-wrapper{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;padding:80px 20px}.format-options-grid{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.format-card{position:relative;width:100%;max-width:376px;border:2px solid #BDBDBB;border-radius:0;background:#fff;text-align:center;cursor:pointer;transition:.3s ease}.format-card input[type=radio]{display:none}.format-card-content-wrap{display:flex;flex-direction:column;align-items:center;gap:32px;padding:12px 16px 20px}.format-heading-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.format-content-inner-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.format-card img{width:100%}.format-option-heading{font-size:18px;line-height:24px;color:#23231e;margin:0}.format-price{font-weight:600;font-size:16px;line-height:22px;color:#23231e;margin:0}.desc{font-size:14px;color:#666;margin:0}.select-text{font-size:16px;line-height:24px;color:#551a25;font-weight:500;padding:12px;width:100%;border:2px solid #551A25;transition:all .3s ease}#continue-to-cart{font-size:16px;line-height:24px;padding:16px 40px;border:none;background:#fff;color:#551a25;border:1px solid #551A25;cursor:pointer;transition:.3s ease}#continue-to-cart:hover{background:#551a25;color:#fff;border:1px solid #551A25}.popular-badge{position:absolute;right:-8px;top:-12px;background-color:#551a25;color:#fff;font-size:16px;line-height:24px;font-weight:500;padding:4px 14px;box-shadow:0 4px 10px #0000004d}.format-card{border:2px solid #BDBDBB;cursor:pointer;display:block}.format-card.selected{border-color:#deb8a7}.format-card.selected .select-text{background-color:#551a25;color:#fff;border-color:#551a25}@media (max-width: 1190px){canvas#photoCanvas,canvas#messageCanvas,canvas.child-image-canvas{width:100%!important;max-width:580px;height:auto!important}}@media (max-width: 768px){.format-main-wrapper{padding:56px 20px}.format-card{width:100%;max-width:300px}.popular-badge{font-size:14px;line-height:20px;font-weight:500;padding:4px 14px}#coverCanvas,#hardCoverCanvas{width:100%!important;max-width:600px;height:auto!important}}@media (max-width: 480px){.format-main-wrapper{padding:40px 20px}.popular-badge{font-size:12px;line-height:18px;font-weight:500;padding:4px 10px}.preview-container{padding:40px 20px;gap:24px}.view-toggle-wrapper{display:none;position:static;z-index:1}.view-toggle-wrapper button,#continue-to-format-btn{font-size:14px;line-height:20px;padding:16px 18px}.personalize-btn{font-size:14px;line-height:20px;padding:12px 14px}#remove-photo{right:12%}.book-layout{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);gap:20px}.intro-grid,.story-grid{grid-template-columns:1fr}.loader-text,.initial-loader-text{font-size:16px;line-height:24px}.spinner{width:40px;height:40px}}@media (max-width: 375px){#remove-photo{right:2%}}@media (max-width: 340px){#remove-photo{right:-4%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/styles.css.map */