:root{--color-dark:#000;--color-light:#fff;--color-accent:green;--color-red:red}#root,.App,body,html{height:100%;margin:0;padding:0;width:100%}body,html{touch-action:none}*{box-sizing:border-box}#root button,#root input,#root select{-webkit-appearance:none;font-family:inherit}#root .builder-icon{height:100%;width:100%}#root .builder-icon svg{display:block;height:100%;width:100%}#root .btn{align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--color-dark);border:none;border:1px solid var(--color-dark);border-radius:50px;color:var(--color-light);cursor:pointer;display:flex;font-weight:700;gap:5px;justify-content:center;line-height:2em;padding:5px 15px;text-align:center;transition:background-color .3s,color .3s}#root .btn:hover{filter:brightness(1.05)}#root .btn.btn-disabled,#root .btn:disabled{cursor:not-allowed;opacity:.5}#root .btn.btn-large{font-size:30px;padding:10px 20px}#root .btn.btn-primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-light)}#root .btn.btn-red{background-color:var(--color-red);border-color:var(--color-red);color:#fff}#root .btn.btn-disabled-non-opaque{filter:brightness(.8) grayscale(.2) contrast(.5)}#root .btn.btn-white{background-color:var(--color-light);border-color:var(--color-light);color:var(--color-dark)}#root .btn.btn-outline{background-color:initial;border:1px solid var(--color-dark);color:var(--color-dark)}#root .btn.btn-outline.btn-primary{border-color:var(--color-accent);color:var(--color-accent)}#root .btn.btn-outline.btn-red{border-color:var(--color-red);color:var(--color-red)}#root .btn.btn-outline.btn-white{border-color:var(--color-light);color:var(--color-light)}#root .btn.btn-small{background-color:initial;border:1px solid #1e1d20;box-shadow:none;color:#1e1d20;font-size:12px;padding:2px 7px}#root .btn.btn-small:hover{border-color:#777;color:#777}#root .btn.btn-link{background:none;border:none;border-radius:0;box-shadow:none;color:inherit;display:inline-block;margin:0;padding:0;text-align:left;text-decoration:underline;text-transform:none}#root .loader{align-items:center;background-color:#000000e6;bottom:0;color:#fff;display:flex;font-size:30px;justify-content:center;left:0;position:fixed;right:0;text-align:center;top:0;z-index:11}#root .loader small{font-size:12px}#root .loader .spinner{border:3px solid gray;border-top-color:#fff;height:26px;left:11px;position:relative;top:2px;width:26px}#root .spinner{animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:50px;width:50px}@keyframes spin{to{-webkit-transform:rotate(1turn)}}#root .pages-info{display:flex;justify-content:space-between}#root .img-load-overlay{align-items:center;background-color:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:30px;justify-content:center;left:0;position:fixed;right:0;text-align:center;top:0;z-index:5}#root .img-load-overlay .progress-container{background:#111;border-radius:15px;height:30px;margin-top:10px;max-width:500px;padding:5px;width:80%}#root .img-load-overlay .progress-container .progress{background-color:var(--color-accent);border-radius:15px;height:20px;transition:all .3s linear;width:0;z-index:6}#root .img-load-overlay .progress-container .progress:empty{display:block}#root .page-overlay{background-color:#00000080;z-index:5}#root .modal,#root .page-overlay{bottom:0;left:0;position:fixed;right:0;top:0}#root .modal{align-items:center;bottom:-100%;display:flex;justify-content:center;opacity:0;top:100%;transition:none;z-index:9}#root .modal .modal-container{background-color:#fff;background-color:#efefef;border-radius:9px;box-shadow:0 0 20px 17px #46464633;max-width:500px;padding:20px;width:90%}#root .modal .modal-container h3{margin:0}#root .modal .modal-container .buttons{display:flex;justify-content:flex-end}#root .modal .modal-container .buttons .btn{margin-left:10px;min-width:100px}#root .modal+.modal-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:8}#root .modal.show{bottom:0;opacity:1;top:0;transition:opacity .3s ease-out}#root .modal.show+.modal-overlay{display:block}#root .edit-layout-modal .layouts-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px;margin-top:20px;max-width:100%}@media(max-width:767px){#root .edit-layout-modal .layouts-container{grid-template-columns:1fr}#root .edit-layout-modal .layouts-container>div{margin:0 auto;width:50vw}#root .edit-layout-modal .layouts-container>div .page-pair-container{pointer-events:none}}#root .pages-add-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:20px 0}#root .pages-add-list label{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 6px 1px #0000001a;cursor:pointer;flex-basis:70px;margin-bottom:5px;margin-right:5px;padding:8px;text-align:center}#root .pages-add-list label input{-webkit-appearance:auto;display:block;margin:0 auto 5px}#root .pages-add-list label span.pages-quantity{display:block;font-weight:700;margin:0 0 5px}#root .pages-add-list label span.price{color:#666;display:block;font-size:12px}#root .toasts{align-content:flex-end;align-items:flex-end;display:flex;flex-flow:column;max-width:320px;opacity:0;position:fixed;right:-100%;top:50px;transition:.3s;z-index:11}#root .toasts.show{opacity:1;right:10px}#root .toasts>div{align-items:center;background-color:var(--color-accent);border:3px solid #0000;border-radius:5px;box-shadow:0 1px 4px 2px #72727266;color:#fff;display:flex;font-weight:700;margin-top:10px;padding:0;text-align:center}#root .toasts>div.warning{background-color:#d68c03}#root .toasts>div.alert{background-color:#c02d2d}#root .toasts>div span{display:block;line-height:1.2;padding:5px;text-align:left}#root .toasts>div .btn.clear-toast{align-self:flex-start;background-color:initial;border:none;flex-shrink:0;margin-top:4px;padding:0}#root .toasts>div .btn.clear-toast .toast-icon{padding:0}#root .clearfix{display:block;flex:1 1}#root .dropzone{align-items:center;background-color:#ddd;border:2px dashed #1e1d20;border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:118px;outline:none;transition:border .24s ease-in-out;width:100%}#root .dropzone.active{border-color:#2196f3}#root .dropzone.accept{border-color:#00e676}#root .dropzone.reject{border-color:#ff1744}#root .dropzone p{font-size:30px;line-height:1.1;margin:0 0 20px;text-align:center}#root .dropzone .btn{font-size:14px}#root .dropzone .btn+small{line-height:1.1;opacity:.7;padding:10px}@media(min-width:500px){#root .dropzone .btn+small{display:none}}#root .account-form-container h3{margin-bottom:30px!important}#root .account-form-container label{display:block}#root .account-form-container input{border:none;border-radius:5px;margin-bottom:20px;margin-top:5px;padding:10px;width:100%}#root .account-form-container .login-buttons-container{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}#root .account-form-container .login-secondary-container{align-items:center;display:flex;gap:10px}#root .account-form-container .log-error{background-color:#c02d2d;border-radius:5px;color:#fff;font-weight:700;margin:10px 0 20px;padding:5px}#root .account-page .account-form-container{margin:0 auto;max-width:500px}#root section.thumbs-container{align-items:stretch;background-color:#eee;display:flex;flex-flow:row wrap;margin-top:10px;max-height:35vh;min-height:0;overflow:auto;padding:0;transition:min-height .3s}#root section.thumbs-container .thumb{border-radius:3px;box-shadow:0 0 6px 1px #0000005c;flex-basis:calc(20% - 10px);margin-bottom:10px;margin-right:10px;overflow:hidden;position:relative}@media(max-width:767px){#root section.thumbs-container .thumb{flex-basis:calc(33.33333% - 10px)}}#root section.thumbs-container .thumb>div{height:100%;position:relative}#root section.thumbs-container .thumb img{display:block;height:100%;object-fit:contain;width:100%}#root section.thumbs-container .thumb.in-project img{filter:grayscale(100%)}#root section.thumbs-container .thumb .progress{border-radius:50%;bottom:5px;color:var(--color-light);height:26px;padding:5px;position:absolute;right:5px;width:26px}#root section.thumbs-container .thumb .progress.finished{background-color:var(--color-accent)}#root section.thumbs-container .thumb .progress .spinner{bottom:0;height:26px;position:absolute;right:0;width:26px}#root section.thumbs-container .thumb .in-project-indicator{background-color:var(--color-accent);border-radius:50%;bottom:5px;color:var(--color-light);height:26px;left:5px;padding:5px;position:absolute;width:26px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.5)}to{transform:scale(1)}}#root section.thumbs-container .thumb .buttons{display:flex;position:absolute;right:5px;top:5px}#root section.thumbs-container .thumb .buttons .low-res-warning{background-color:#d68c03;border-radius:50%;color:var(--color-light);height:26px;line-height:20px;margin-left:5px;overflow:hidden;padding:4px;text-align:center;width:26px}#root section.thumbs-container .thumb .buttons .remove-btn{-webkit-appearance:none;appearance:none;background-color:#ce3f3f;border:none;border-radius:50%;color:var(--color-light);cursor:pointer;font-weight:700;height:26px;line-height:20px;min-height:unset;overflow:hidden;padding:0;pointer-events:none;text-align:center;visibility:hidden;width:26px}#root section.thumbs-container .thumb .buttons .remove-btn:hover{background-color:#c41a1a}#root section.thumbs-container .thumb:active .remove-btn,#root section.thumbs-container .thumb:hover .remove-btn{pointer-events:all;visibility:visible}#root section.thumbs-container .thumb.selectable{cursor:pointer}#root section.thumbs-container .thumb.selectable:hover{opacity:.8}#root main.import{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:100vh;padding-top:50px;width:100%}#root main.import .header{align-items:center;display:flex;justify-content:space-between;min-width:300px;transition:height .3s;width:90%}#root main.import .header h1 span{color:#777;display:inline-block}#root main.import .header h1 .spinner{border-color:#1e1d20 #ccc #ccc;height:20px;left:10px;position:relative;top:2px;width:20px}#root main.import .header section.nav-container{display:flex}#root main.import section.drop-container{align-items:center;display:flex;justify-content:center;min-width:300px;transition:height .3s;width:90%}#root main.import section.drop-container .dropzone{height:100%;padding:10px}#root main.import section.thumbs-container{min-width:300px;width:90%}#root main.import.has-files{align-content:flex-start;flex-flow:row wrap;padding:50px 20px 0}#root main.import.has-files>*{flex-basis:100%}#root main.import.has-files section.drop-container{height:unset}#root main.import.has-files section.drop-container p{font-size:14px;margin-bottom:10px}#root main.import.has-files section.drop-container .dropzone{height:unset;padding:10px}#root main.import.has-files section.thumbs-container{max-height:unset;min-height:150px;padding:20px}#root main.import.has-files h1{flex-basis:unset;width:unset}@media(max-width:767px){#root main.import h1,#root main.import section.drop-container,#root main.import section.thumbs-container{width:90%}#root main.import .header{flex-direction:column;padding-bottom:30px}#root main.import .header h1{align-self:flex-start;margin-top:0}#root main.import .header .nav-container{align-self:flex-end}}#root header.app-header{align-items:center;background-color:var(--color-dark);box-shadow:0 -5px 10px -4px #00000036;display:grid;grid-template-columns:1fr auto 1fr;height:50px;left:0;padding:0 20px;position:relative;position:fixed;right:0;top:0;z-index:7}@media(max-width:1024px){#root header.app-header{grid-template-columns:auto auto auto}}@media(max-width:768px){#root header.app-header{grid-template-columns:auto auto}}#root header.app-header .nav-buttons{align-items:stretch;display:flex;gap:20px}@media(max-width:768px){#root header.app-header .nav-buttons{gap:5px}}#root header.app-header .nav-buttons .btn:disabled{cursor:unset;opacity:1}#root header.app-header .action-buttons{align-items:stretch;display:flex;gap:20px;justify-content:flex-end}@media(max-width:768px){#root header.app-header .action-buttons{gap:5px}}#root header.app-header .logo{display:block;height:auto;margin:auto}@media(max-width:767px){#root header.app-header.step-1 .logo{display:none}}#root header.app-header.step-0{justify-content:center}#root header.app-header.step-0 .logo{width:200px}#root header.app-header.step-0 .clearfix,#root header.app-header.step-0 .toggle-library{display:none}#root header.app-header.step-1 .logo{width:100px}#root header.app-header button.save .spinner{border-top-color:var(--color-light);height:18px;width:18px}#root header.app-header button.save:disabled{background:inherit;color:var(--color-light)}@media(max-width:767px){#root header.app-header button{padding:6px 7px}#root header.app-header button.save{min-width:50px}#root header.app-header button.save span:not(.builder-icon){display:none}}#root header.app-header button .builder-icon{height:21px;width:21px}#root header.app-header button.toggle-library.hide{opacity:0}#root header.app-header button.buy-btn{min-width:60px}#root header.app-header button.buy-btn .spinner{border-top-color:var(--color-accent);height:18px;width:18px}@media(max-width:767px){#root header.app-header button.buy-btn .builder-icon{display:none}#root header.app-header{padding:0 10px}#root header.app-header .toggle-edit-container button span{display:none}#root header.app-header .toggle-edit-container button img{margin-right:0}}#root header.app-header .toggle-edit-container{border:1px solid var(--color-light);border-radius:50px;display:flex;margin-right:20px}#root header.app-header .toggle-edit-container button{border-radius:50px;box-shadow:none;margin-right:0}@media(max-width:767px){#root header.app-header .toggle-edit-container{margin-right:0}}#root header.app-header .floating-buttons{bottom:10px;display:flex;gap:10px;position:fixed;right:-200px;transition:right .1s ease-in}@media(min-width:500px){#root header.app-header .floating-buttons{bottom:20px}}#root header.app-header .floating-buttons.show{right:20px;transition:right .1s ease-out}#root header.app-header .floating-buttons button{border-radius:50%;height:50px;margin-right:0;padding:0;width:50px}#root header.app-header .floating-title{align-items:center;background-color:#1e1d20;border-radius:0 0 20px 20px;color:#fff;display:flex;left:50%;padding:5px 10px;position:fixed;top:-120px;transform:translate(-50%);transition:top .1s ease-in;width:500px}@media(max-width:767px){#root header.app-header .floating-title{left:0;max-width:100%;right:0;transform:none}}#root header.app-header .floating-title.show{top:50px;transition:top .1s ease-out}#root header.app-header .floating-title label{left:-99999px;margin-right:10px;position:absolute}#root header.app-header .floating-title input{border:none;border-radius:50px;flex:1 1;padding:10px}#root header.app-header .floating-title .btn{margin-left:5px;margin-right:0;min-width:50px}#root header.app-header .floating-title .btn.switch{min-width:64px;padding-left:0;padding-right:0}#root main.edit-project{background-color:#ededed;min-height:100vh;overflow:hidden;padding-top:50px;position:relative;width:100%}#root main.edit-project.no-scroll{overflow:hidden;position:fixed}#root main.edit-project.no-scroll .edit-page{left:0;overflow:hidden;position:fixed;right:0;top:50px}#root main.edit-project.no-scroll .edit-page>.buttons{display:none}#root main.edit-project aside.library{background-color:#efefef;box-shadow:0 0 20px 17px #46464633;display:flex;flex-flow:column;height:100%;left:calc(-90% - 20px);min-width:300px;padding:70px 20px 20px;position:fixed;top:0;transition:left .1s ease-in;width:90%;z-index:6}@media(min-width:768px){#root main.edit-project aside.library{left:calc(-50% - 20px);width:50%}}#root main.edit-project aside.library.show{left:0}#root main.edit-project aside.library button{margin-bottom:20px;min-height:36px}#root main.edit-project aside.library button:first-child{max-width:100px}#root main.edit-project aside.library .progress-count{font-weight:700;margin-bottom:13px;margin-top:-10px}#root main.edit-project aside.library .progress-count .spinner{border-color:#1e1d20 #ccc #ccc;height:20px;position:relative;top:4px;width:20px}#root main.edit-project aside.library .dropzone{margin-bottom:20px;min-height:176px;padding:20px}#root main.edit-project aside.library .dropzone>small:last-child{display:none}#root main.edit-project aside.library .dropzone p{font-size:14px}#root main.edit-project aside.library .thumbs-container{border:1px solid #ddd;margin-right:0;max-height:unset;padding:10px 0 10px 10px}#root main.edit-project aside.library .thumbs-container .thumb{flex-basis:calc(33.33333% - 10px)}#root main.edit-project .settings{align-content:flex-start;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start}#root main.edit-project .settings .logo{display:block;height:auto;margin:auto;width:100px}@media(min-width:768px){#root main.edit-project .settings .logo{display:none}}#root main.edit-project .settings label{display:block;margin-right:10px}#root main.edit-project .settings input,#root main.edit-project .settings select{background-color:#fff;border:none;border-radius:50px;margin-right:30px;padding:10px}#root main.edit-project .settings input:disabled,#root main.edit-project .settings select:disabled{background-color:#ddd;color:#1e1d20}#root main.edit-project .settings #project-title:placeholder-shown{animation:pulseShadow 2s linear infinite;box-shadow:0 0 0 4px #f88b2c}@keyframes pulseShadow{0%{box-shadow:0 0 0 4px #f88b2c}50%{box-shadow:0 0 0 4px #0000}to{box-shadow:0 0 0 4px #f88b2c}}#root main.edit-project .settings button{margin-right:20px}#root main.edit-project .settings button.buy-btn{flex:1 1;margin-right:0}#root main.edit-project .settings button.add-pages{margin-right:0}#root main.edit-project .settings .pages-count-container{align-items:center;display:flex}#root main.edit-project .settings .pages-count-container button{align-items:center;display:flex;gap:5px}#root main.edit-project .settings .pages-count-container button .builder-icon{height:21px;width:21px}#root main.edit-project .settings .pages-count-container .pages-count{margin-right:10px}#root main.edit-project .settings .buttons-container{align-items:center;display:flex}@media(max-width:1240px){#root main.edit-project .settings{flex-flow:row wrap}#root main.edit-project .settings>*{margin-bottom:20px}}@media(max-width:767px){#root main.edit-project .settings input,#root main.edit-project .settings label,#root main.edit-project .settings select{flex-basis:100%;margin-right:0}#root main.edit-project .settings label{margin-bottom:5px}#root main.edit-project .settings .clearfix{display:none}#root main.edit-project .settings .buttons-container,#root main.edit-project .settings .pages-count-container{flex:100% 1;justify-content:space-between}#root main.edit-project .settings .buttons-container button:first-child,#root main.edit-project .settings .pages-count-container button:first-child{margin-right:10px}#root main.edit-project .settings .buttons-container button:last-child,#root main.edit-project .settings .pages-count-container button:last-child{margin-right:0}#root main.edit-project .settings button{flex-basis:calc(50% - 5px);line-height:1}#root main.edit-project .settings button img{display:block;margin:0 auto 5px}#root main.edit-project .settings button.buy-btn{line-height:2em;padding:5px 15px}}#root main.edit-project section.page-edit{padding:20px}#root main.edit-project section.page-edit.hide{display:none}#root main.edit-project section.pages{-webkit-overflow-scrolling:touch;height:calc(100vh - 50px);overflow-y:scroll;padding:20px 20px 80px}#root main.edit-project section.pages.hide{display:none}#root main.edit-project section.pages .pages-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;list-style:none;margin:0;padding:0}@media(max-width:1024px){#root main.edit-project section.pages .pages-list{gap:10px;grid-template-columns:1fr 1fr 1fr;padding-right:50px}}#root main.edit-project section.pages .pages-list .scroll-bar{display:none}@media(max-width:1024px){#root main.edit-project section.pages .pages-list .scroll-bar{background-color:#fff;grid-column-end:5;grid-column-start:4;grid-row:3/-1}}#root main.edit-project section.pages .pages-list>div.settings{grid-column-end:6;grid-column-start:1;grid-row-end:2;grid-row-start:1}@media(max-width:1024px){#root main.edit-project section.pages .pages-list>div.settings{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:1;margin:0 -50px 0 auto}}#root main.edit-project section.pages .pages-list>div .buttons-container button{align-items:center;background-color:initial;border:1px solid var(--color-dark);color:var(--color-dark);display:flex;gap:5px}#root main.edit-project section.pages .pages-list>div .buttons-container button .builder-icon{height:20px;width:20px}#root main.edit-project section.pages .pages-list .add-page-grid-item{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid var(--color-dark);border-radius:0;box-sizing:border-box;cursor:pointer;font-family:inherit;height:0;padding-bottom:calc(var(--padding-bottom) - 2px);position:relative;width:100%}#root main.edit-project section.pages .pages-list .add-page-grid-item>div{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}#root main.edit-project section.pages .pages-list .add-page-grid-item .builder-icon{height:21px;margin:auto;width:21px}#root main.edit-project section.edit-page{margin:50px auto 0;padding:0 20px}@media(max-width:767px){#root main.edit-project section.edit-page{margin-top:20px}}#root main.edit-project section.edit-page .page-container{background-color:#fff;background-repeat:no-repeat;background-size:cover;border-radius:3px;box-shadow:0 0 7px 2px #00000021;margin-left:0;overflow:hidden;padding-bottom:100%;padding-bottom:var(--padding-bottom);position:relative;width:100%;width:var(--width)}@media(max-width:499px){#root main.edit-project section.edit-page .page-container{margin-left:calc(var(--margin-left));padding-bottom:calc(var(--padding-bottom)*2);transition:all .3s ease-out;width:calc(var(--width)*2)}}#root main.edit-project section.edit-page .page-container:after{background-color:gray;bottom:0;content:"";left:50%;opacity:.5;position:absolute;top:0;width:1px}#root main.edit-project section.edit-page .page-container .project-title{align-items:center;cursor:pointer;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;text-align:center;top:0}#root main.edit-project section.edit-page .page-container .project-title canvas{height:100%;width:100%}#root main.edit-project section.edit-page .page-container .project-title.title-empty{animation:pulseBorder 2s linear infinite;border:3px solid #f88b2c;border-radius:5px}@keyframes pulseBorder{0%{border-color:#f88b2c}50%{border-color:#0000}to{border-color:#f88b2c}}#root main.edit-project section.edit-page .page-container .image-container{background-color:gray;background-position:50%;background-repeat:no-repeat;background-size:30%;overflow:hidden;position:absolute}@media(max-width:767px){#root main.edit-project section.edit-page .page-container .image-container .add-photo-btn span,#root main.edit-project section.edit-page .page-container .image-container .del-photo-btn span{display:none}}#root main.edit-project section.edit-page .page-container .image-container>img{cursor:move;cursor:grab;cursor:-webkit-grab;height:100%;left:0;opacity:1;position:relative;top:0;transition:opacity .3s .3s;width:100%}#root main.edit-project section.edit-page .page-container .image-container.img-not-loaded>img{opacity:0}#root main.edit-project section.edit-page .page-container .image-container .empty-overlay{background-color:#808080e6;bottom:0;left:0;position:absolute;right:0;top:0}#root main.edit-project section.edit-page .page-container .image-container .bg-icon-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#root main.edit-project section.edit-page .page-container .image-container .bg-icon-container img{display:block;height:auto;opacity:.1;width:10vw}#root main.edit-project section.edit-page .page-container .image-container .drag-icon{align-items:center;bottom:10px;color:#fff;display:flex;height:50px;justify-content:center;position:absolute;right:10px;width:50px}@media(max-width:500px){#root main.edit-project section.edit-page .page-container .image-container .drag-icon{height:20px;width:20px}}#root main.edit-project section.edit-page .page-container .image-container .buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:calc(100% - 20px);position:absolute;right:10px;top:10px;z-index:1}#root main.edit-project section.edit-page .page-container .image-container .buttons button{cursor:pointer}#root main.edit-project section.edit-page .page-container .image-container .buttons button .builder-icon{height:21px;width:21px}#root main.edit-project section.edit-page .page-container .image-container .buttons button:last-child{margin-right:0}#root main.edit-project section.edit-page .page-container .image-container .buttons button.active{background-color:#4bd14b}#root main.edit-project section.edit-page .page-container .image-container .buttons button:hover{background-color:#1e1d20}@media(max-width:500px){#root main.edit-project section.edit-page .page-container .image-container .buttons{justify-content:flex-end;right:5px;top:5px}}#root main.edit-project section.edit-page .page-container .page{display:inline-block;height:100%;position:relative;width:50%}#root main.edit-project section.edit-page .buttons{display:flex;gap:10px;position:absolute;right:25px;top:75px;z-index:1}#root main.edit-project section.edit-page .buttons .duplicate-btn,#root main.edit-project section.edit-page .buttons .edit-layout-btn,#root main.edit-project section.edit-page .buttons .remove-btn{box-shadow:0 1px 4px 2px #72727266;height:50px;width:50px}#root main.edit-project section.edit-page .buttons .duplicate-btn .builder-icon,#root main.edit-project section.edit-page .buttons .edit-layout-btn .builder-icon,#root main.edit-project section.edit-page .buttons .remove-btn .builder-icon{height:20px;width:20px}#root main.edit-project section.edit-page .page-view-buttons{background:#0000001a;border-radius:50px;bottom:70px;display:flex;gap:10px;justify-content:center;left:0;margin-left:10px;margin-right:10px;padding:5px;position:fixed;right:0}@media(min-width:500px){#root main.edit-project section.edit-page .page-view-buttons{display:none}}#root main.edit-project section.edit-page .page-view-buttons>button{color:var(--color-light);flex:1 1}#root main.edit-project section.edit-page .page-view-buttons>button:not(.active){background-color:initial;border-color:#0000;color:var(--color-dark)}#root main.account{margin:0 auto;max-width:750px;padding:20px}#root main.account h2{margin-top:40px}#root main.account .list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:50px}#root main.account .list>a,#root main.account .list>div{border:1px solid #ccc;min-height:150px;position:relative;text-decoration:none}#root main.account .list>a:hover,#root main.account .list>div:hover{border-color:#1e1d20}#root main.account .list>a img,#root main.account .list>div img{display:block;height:auto;width:100%}#root main.account .list>a>div,#root main.account .list>div>div{padding:10px}#root main.account .list>a h3,#root main.account .list>div h3{word-wrap:break-word;color:#000;font-weight:400;line-height:1.1;margin:0 0 20px;text-decoration:none;white-space:normal}#root main.account .list>a h3~p,#root main.account .list>div h3~p{color:#000;font-size:12px;margin:0}#root main.account .list>a .buttons,#root main.account .list>div .buttons{display:flex;position:absolute;right:0;top:0}#root main.account .list>a .buttons .remove-btn,#root main.account .list>div .buttons .remove-btn{-webkit-appearance:none;appearance:none;background-color:#ce3f3f;border:none;border-radius:50%;color:var(--color-light);cursor:pointer;font-weight:700;height:26px;line-height:20px;min-height:unset;overflow:hidden;padding:0;pointer-events:none;text-align:center;visibility:hidden;width:26px}#root main.account .list>a .buttons .remove-btn:hover,#root main.account .list>div .buttons .remove-btn:hover{background-color:#c41a1a}#root main.account .list>a:active .remove-btn,#root main.account .list>a:hover .remove-btn,#root main.account .list>div:active .remove-btn,#root main.account .list>div:hover .remove-btn{visibility:visible}#root main.account .list.photos-list>div{border:none}#root main.account .list.photos-list>div.loading-img{background-color:#ccc}#root main.account .list.orders-list h3{padding-right:30px}#root .keep-tab-open-message{font-size:30px;padding:30px}.page-pair-container{background-color:#fff;background-repeat:no-repeat;background-size:cover;border-radius:3px;box-shadow:0 0 7px 2px #00000021;cursor:pointer;overflow:hidden;position:relative}.page-pair-container:hover{opacity:.7}.page-pair-container .page-container{height:100%;width:100%}.page-pair-container .image-container{background:gray;background-position:50%;background-repeat:no-repeat;background-size:30%;overflow:hidden;position:absolute}.page-pair-container .image-container img{-webkit-touch-callout:none;height:100%;left:0;pointer-events:none;position:relative;top:0;-webkit-user-select:none;user-select:none;width:100%}.page-pair-container .image-container .empty-overlay{background-color:#808080e6;bottom:0;left:0;position:absolute;right:0;top:0}.page-pair-container .project-title{align-items:center;cursor:pointer;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;text-align:center;top:0}.page-pair-container .project-title canvas{height:100%;width:100%}.page-pair-container:after{background-color:#bdbdbd80;bottom:0;content:"";left:50%;position:absolute;top:0;width:1px}.page-pair-container+.pages-info{display:flex;justify-content:space-between}body>.section-header{display:none}.upsell-modal h3,.upsell-modal p{margin-bottom:20px}
/*# sourceMappingURL=builder.css.map*/