*,*:before,*:after{box-sizing:border-box}@font-face{font-family:Minion;src:url(/cdn/shop/files/mignon-regular.otf?v=1752829171) format("opentype")}h1,h2,h3,h4,p{margin-top:0}.btn{margin:0;padding:10px 20px;cursor:pointer;border:none;background-color:#ddd;font-size:16px;line-height:24px;flex:1;display:block;transition:background-color .3s,color .3s}.block-error{position:relative;margin:5px 0 0}.field-error{font-size:14px;line-height:16px;font-weight:400;color:#f44336;visibility:hidden;margin:0}.name-field-error:last-of-type{position:absolute;top:0;left:0}.field-error--show{visibility:visible}.btn-preview:before,.btn-preview:after{content:none!important}.personalized-book{font-size:18px}.personalized-book__box{width:100%;max-width:570px;margin:0 auto;padding:56px 15px;display:flex;flex-direction:column;justify-content:center}.personalized-book__title{font-size:32px;line-height:30px;font-weight:400;color:#000;text-align:center;text-transform:capitalize;margin:0 0 30px;letter-spacing:0}.field-group--character h3.field-label{text-align:center}.field-group,.field-group--character{margin-bottom:30px}.field-group__input{width:100%;padding:10px;font-size:16px;border:1px solid #000}.options{display:flex;justify-content:center;gap:20px;margin-top:10px}.btn--active,.btn:hover{background-color:#313131;color:#fff}.personalized-book-imgs{margin-bottom:30px;position:relative}.personalized-book-imgs__box-characters{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(100% / 3 - 14px),1fr));grid-gap:20px;opacity:0;pointer-events:none;transition:opacity .3s}.personalized-book-imgs__box-characters--girls{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%}.personalized-book-imgs__box-characters--active{opacity:1;pointer-events:all}.personalized-book-imgs__wrapper-img{position:relative;display:flex;flex-direction:column;background:#fff;width:100%;border:2px solid #bdbdbb;border-radius:0;cursor:pointer}.personalized-book-imgs__wrapper-img--active{border-color:#1e5751}.personalized-book-imgs--error .personalized-book-imgs__wrapper-img{border-color:#f44336}.personalized-book-imgs__img{width:100%}.personalized-book__btn-next,.personalized-book__btn-next:hover{background-color:#cbe196;color:#000;--button-border-color: #CBE196}.personalized-book__btn-next:disabled{pointer-events:none;background-color:#ddd}.preview-book{padding:50px 15px 0;transition:opacity .3s}.preview-book__title{text-align:center;font-size:35px;margin-bottom:0}.preview-book__box{display:grid;grid-template-columns:repeat(4,1fr);row-gap:20px;list-style-type:none;padding:0;text-align:center;width:100%;margin:0 auto;max-width:1200px}.preview-book__box--first{padding-top:50px;margin-bottom:20px}.preview-book__box--last{padding-bottom:50px}.preview-book__continue-btn-wrapper{background-color:#fcf7f1;padding:16px 0;position:sticky;bottom:0;border:none;display:flex;justify-content:center;align-items:center;z-index:40}.preview-book__continue-btn{background-color:#cbe196;font-size:16px;line-height:24px;padding:16px 40px;color:#fff;cursor:pointer;transition:.3s ease;width:100%;border-color:#cbe196;max-width:426px}.preview-book__continue-btn:hover,.format-section .format-section__btn-next.btn{background:#cbe196;color:#fff;border-color:#cbe196;box-shadow:none}.preview-book__continue-btn:disabled{pointer-events:none}.character-field-error{margin:5px 0 15px}.input-error{border-color:#f44336}.preview-book-page{display:grid;position:relative;grid-column:span 2;width:100%;height:fit-content}.preview-book-page:last-of-type{margin-bottom:0}.preview-book-page-2:before,.preview-book-page-37:before{content:"";position:absolute;top:0;right:0;border-radius:2px;width:.5px;height:100%;background-color:#000;opacity:.1}.preview-book-page-2:before{right:auto;left:0}.preview-book-page__wrapper-img{position:relative;height:fit-content}.preview-book-page-2 .preview-book-page__wrapper-img,.preview-book-page-37 .preview-book-page__wrapper-img{opacity:1}.preview-book-page__wrapper-img.loaded{opacity:1;transition:opacity .3s}.preview-book-page--first-page,.preview-book-page--last-page{grid-column:2 / 4}.preview-book-page--first-page .preview-book-page__wrapper-img: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%))}.preview-book-page--last-page .preview-book-page__wrapper-img: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%))}.preview-book-page .preview-book-page__wrapper-img:after,.preview-book-page .preview-book-page__wrapper-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;width:100%;height:100%}.preview-book-page .preview-book-page__wrapper-img:before{box-shadow:0 13px 27px -5px #815c181f,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000008;z-index:-1}.preview-book-page--left .preview-book-page__wrapper-img:after{background:linear-gradient(270deg,rgba(0,0,0,.25),hsla(0,0%,100%,.1) min(20px,3.5%),rgba(0,0,0,.04) min(42px,7.5%),transparent min(146px,26%))}.preview-book-page--right .preview-book-page__wrapper-img:after{background:linear-gradient(90deg,rgba(0,0,0,.25),hsla(0,0%,100%,.1) min(20px,3.5%),rgba(0,0,0,.04) min(42px,7.5%),transparent min(146px,26%))}.preview-book-page__img{width:100%;border-radius:2px;display:block;object-fit:contain}.canvas-container{display:none}.preview-book-page__canvas{position:absolute;top:0;left:0;width:100%;display:none}.preview-book-page__top{position:absolute;top:-15vh}.preview-book-page__box-btn{display:flex;justify-content:flex-end;width:100%;margin:0 auto 20px;max-width:1200px}.preview-book-page__wrapper-btn{width:50%}.preview-book-page__btn{margin:0 auto}.continue-btn{display:none}.popup{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:#000000b5;opacity:0;pointer-events:none}.popup--active{opacity:1;pointer-events:all}.popup__box{max-width:500px;width:100%;background-color:#fff;padding:35px 15px 15px;position:relative;box-shadow:0 2px 15px #0003}.popup__close{position:absolute;top:10px;right:10px;background:none;margin:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.popup__close svg{display:block}.popup__title{font-size:18px;line-height:24px;font-weight:600;color:#313131;margin-bottom:5px}.popup__text{font-size:14px;line-height:18px;font-weight:400;color:#555;margin-bottom:20px}.popup__upload-area{position:relative;background-color:#fdf8f4;border:2px dashed #c9c9c9;padding:20px;text-align:center;cursor:pointer;justify-content:center;transition:border-color .3s ease}.popup__photo-preview{width:256px;height:256px;object-fit:cover;object-position:center}.popup__input-file{position:absolute;width:100%;height:100%;opacity:0;top:0;left:0;cursor:pointer}.popup__upload-placeholder{pointer-events:none}.popup__camera-icon{width:auto;margin:0 auto;display:block}.popup__upload-text{font-size:16px;font-weight:500;color:#313131;margin:8px 0 2px}.popup__upload-subtext{font-size:14px;color:#777;margin:0}.popup__photo-preview-container{display:flex;justify-content:center;position:relative}.popup__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}.popup__remove-photo-icon{width:20px}.popup__input{margin-bottom:20px}.popup__textarea{width:100%;height:150px}.popup__btn{margin-top:30px;width:100%}.preview-book-orientation{display:none}.progress-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:20px;background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a;z-index:1000}.progress-container.active{display:block}.progress-bar{width:100%;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden}.progress-bar-fill{width:0;height:100%;background:#4caf50;display:block!important;transition:width .3s ease}.progress-text{text-align:center;margin-top:10px;font-family:Arial,sans-serif}.format-section{padding:100px 15px}.format-section__row{display:flex;gap:25px 16px;flex-wrap:wrap;justify-content:center;max-width:800px;width:100%;margin:0 auto 45px}.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--active{border-color:#313131}.format-card__img{width:100%;height:auto;display:block}.format-card__content{display:flex;flex-direction:column;align-items:center;padding:12px 16px 20px}.format-card__title{font-size:18px;line-height:24px;color:#23231e;margin:0 0 5px}.format-card__price{font-weight:600;font-size:16px;line-height:22px;color:#23231e;margin-bottom:15px}.format-card__text{font-size:14px;color:#666;margin-bottom:15px}.format-card__btn{pointer-events:none}.format-card--active .format-card__btn{background-color:#cbe196;color:#000;--button-border-color: #CBE196}.format-section__btn-next{margin:0 auto;display:block;max-width:160px;width:100%}.field-label{margin-bottom:5px;display:block}#output{display:none!important}@media (max-width: 767px){.personalized-book__title{margin-bottom:20px}.field-group{margin-bottom:40px}.field-error{margin-bottom:1px}.personalized-book-imgs{margin-bottom:15px}.personalized-book-imgs__box-characters{grid-template-columns:1fr 1fr;grid-gap:10px;width:80%;margin:0 auto}.preview-book__title{font-size:30px}.preview-book__box{grid-template-columns:1fr}.preview-book-page{grid-column:none}.preview-book-page__top{display:none}.preview-book-page__wrapper-btn{width:100%}.format-section{padding:80px 15px}.format-section__row{margin-bottom:30px}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#25b09b;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear;display:none}.preview-book-page__wrapper-img.loaded .loader{display:none;animation:none}@keyframes l3{to{transform:translate(-50%,-50%) rotate(1turn)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/personalized-book.css.map */