.modal--fullscreen>.modal-inner{max-width:100%;width:100%}.modal--fullscreen>.modal-inner .modal-content{height:100vh;display:flex}.book-editor,.book-editor-cover,.book-editor-popup{display:flex;flex-direction:column;margin:auto}.book-editor{--book-editor-debug-text-accent: #ff5a5f;--book-editor-debug-image-accent: #3b82f6;gap:1.5rem;max-width:1000px}.book-editor-cover{gap:1.25rem;max-width:1000px}.book-editor-popup{gap:1.25rem}.book-editor__field{display:flex;flex-direction:column;gap:.375rem}.book-editor__field input[type=text]{min-width:14rem}.book-editor__field--wide{flex-basis:100%}.book-editor__field--wide textarea{width:100%;resize:vertical}.book-editor__label{font-weight:600}fieldset.book-editor__field{border:none;margin:0;padding:0;min-width:0}legend.book-editor__label{padding:0}:is(.book-editor__gender,.book-editor__style,.book-editor__pet,.book-editor__photo-options,.book-editor-cover__options){display:flex;flex-wrap:wrap;gap:.5rem}:is(.book-editor__gender,.book-editor__style,.book-editor__pet,.book-editor__photo-options,.book-editor-cover__options) input[type=radio]{position:absolute;opacity:0;z-index:-1;margin:0;padding:0}:is(.book-editor__gender,.book-editor__style,.book-editor__pet,.book-editor__photo-options) label{--alpha-button-background: .05;display:inline-flex;align-items:center;gap:.5rem;min-width:3rem;padding-block:.5rem;padding-inline:1rem;justify-content:center;text-align:center;border-radius:var(--small-radius);background:rgba(var(--color-foreground),var(--alpha-button-background));cursor:pointer}.book-editor__gender input[type=radio]+label{width:calc(50% - .25rem)}:is(.book-editor__style,.book-editor__pet) input[type=radio]+label{width:calc(50% - .25rem)}:is(.book-editor__style,.book-editor__pet) input[type=radio]+label img{width:100%;height:auto;object-fit:cover}@media screen and (min-width:750px){[data-identity-modal] .book-editor-popup{max-width:44rem;padding-inline:4rem}:is(.book-editor__style,.book-editor__pet){justify-content:center;width:calc(100% + 8rem);margin-inline:-4rem}:is(.book-editor__style,.book-editor__pet) input[type=radio]+label{width:calc(20% - .4rem)}.book-editor-cover__options input[type=radio]+label{width:calc(25% - .375rem)}}:is(.book-editor__gender,.book-editor__style,.book-editor__pet,.book-editor__photo-options) label:hover{--alpha-button-background: .1}:is(.book-editor__gender,.book-editor__style,.book-editor__pet,.book-editor__photo-options) input[type=radio]:checked+label{--alpha-button-background: 1;color:rgb(var(--color-background))}:is(.book-editor__gender,.book-editor__style,.book-editor__pet,.book-editor__photo-options,.book-editor-cover__options) input[type=radio]:focus-visible+label{outline:2px solid rgba(var(--color-outline),.75);outline-offset:3px;box-shadow:0 0 5px 3px rgba(var(--color-outline),.2)}.book-editor-price-badge{font-size:1.1rem;font-weight:400;opacity:.75}.book-editor__hint{margin:0;opacity:.7}.book-editor__photo-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem}.book-editor__photo-preview img{width:100px;height:100px;object-fit:cover;border-radius:.4rem}.book-editor__error{width:100%;color:#d02e2e;margin:0}.book-editor__pages{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-bottom:2rem}.book-editor__page-wrapper{position:relative;display:block;margin-inline:auto;max-width:100rem}.book-editor__page{display:block;max-width:100%;height:auto;box-shadow:0 .4rem 1.6rem #0000001f}.book-editor__zoom-toggle{display:none}@media screen and (max-width:749px){.book-editor__zoom-toggle{display:flex;position:fixed;z-index:2;right:1.5rem;bottom:6.5rem;box-shadow:0 .2rem .8rem #00000040}.book-editor__pages.is-zoomed{align-items:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}.book-editor__pages.is-zoomed .book-editor__page-wrapper{width:200%;max-width:200rem;flex-shrink:0}}.book-editor-steps{position:fixed;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1rem 1.5rem;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.1);box-shadow:0 -.4rem 1.6rem #00000014}.book-editor-steps__list{display:flex;overflow-x:auto;gap:.5rem}.book-editor-steps__item{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;padding-block:.5rem;padding-inline:1rem;border-radius:var(--small-radius);background:rgba(var(--color-foreground),.05);border:none;cursor:pointer}.book-editor-steps__item:hover{background:rgba(var(--color-foreground),.1)}.book-editor-steps__status{width:.9rem;height:.9rem;border-radius:50%;border:.15rem solid rgba(var(--color-foreground),.4);flex-shrink:0}.book-editor-steps__item--done .book-editor-steps__status{border-color:rgb(var(--color-success));background:rgb(var(--color-success))}:is([data-add-to-cart],[data-continue-to-cover]).is-disabled{opacity:.5}.book-editor-popup__header{display:flex;flex-direction:column;gap:.375rem}.book-editor-popup__title{margin:0}.book-editor-popup__description{margin:0;opacity:.75}.book-editor-popup__buttons{position:sticky;bottom:-2rem;display:flex;justify-content:flex-end;gap:.75rem;padding:1rem;margin-inline:-1rem;border-radius:var(--small-radius);background:var(--gradient-background, rgba(var(--color-background), var(--alpha-background)))}.book-editor-popup__back{align-self:flex-start;background:none;border:none;padding:0;margin-bottom:.5rem;text-decoration:underline;cursor:pointer}.book-editor-identity__step{display:flex;flex-direction:column;gap:1rem}.book-editor__debug-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.book-editor__overlay-editor{position:absolute;box-sizing:border-box;border:1px dashed var(--book-editor-debug-text-accent);background:#ff5a5f14;cursor:move;touch-action:none}.book-editor__overlay-editor--image{border-color:var(--book-editor-debug-image-accent)}.book-editor__overlay-controls,.book-editor__overlay-controls-group{position:absolute;inset:auto auto 100% 0;margin-bottom:.25rem;cursor:default}.book-editor__overlay-controls{display:flex;gap:.5rem;padding:.2rem .4rem;background:#111;border-radius:.3rem;font-size:.9rem;color:#fff;white-space:nowrap}.book-editor__overlay-controls-group{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.book-editor__overlay-controls-group .book-editor__overlay-controls{position:static;margin-bottom:0}:is(.book-editor__overlay-controls,.book-editor__debug-defaults) label{display:flex;align-items:center;gap:.25rem}.book-editor__overlay-controls input{width:4rem}:is(.book-editor__overlay-controls,.book-editor__debug-defaults) select{max-width:9rem}:is(.book-editor__overlay-controls,.book-editor__debug-defaults) input[type=color]{width:2rem;height:1.6rem;padding:0;border:none;background:none}.book-editor__overlay-controls strong{font-weight:600;opacity:.85}.book-editor__overlay-controls--text{white-space:normal}.book-editor__overlay-controls--text textarea{width:16rem;min-height:1em;font:inherit;border:1px solid rgba(255,255,255,.3);border-radius:.2rem;padding:.2rem .3rem}.book-editor__overlay-toggle{flex:none;align-self:flex-start;width:1.4rem;height:1.4rem;line-height:1.4rem;padding:0;font-size:.75rem;color:#fff;background:#000;border:none;border-radius:.2rem;cursor:pointer}.book-editor__overlay-controls-group.is-collapsed>*:not(.book-editor__overlay-toggle){display:none}.book-editor__overlay-add{position:absolute;inset:.5rem auto auto .5rem;z-index:1;padding:.3rem .6rem;font-size:.85rem;color:#fff;background:var(--book-editor-debug-text-accent);border:none;border-radius:.3rem;cursor:pointer}.book-editor__overlay-remove{position:absolute;inset:-.6rem -.6rem auto auto;width:1.2rem;height:1.2rem;line-height:1.2rem;padding:0;font-size:.9rem;color:#fff;background:#111;border:1px solid #fff;border-radius:50%;cursor:pointer}.book-editor__overlay-resize{display:block!important;position:absolute;inset:auto -.5rem -.5rem auto;width:1rem;height:1rem;border-radius:50%;background:var(--book-editor-debug-text-accent);cursor:nwse-resize;touch-action:none}.book-editor__overlay-resize--width{top:50%;bottom:auto;transform:translateY(-50%);cursor:ew-resize}.book-editor__overlay-editor--image .book-editor__overlay-resize{background:var(--book-editor-debug-image-accent)}.book-editor__debug-defaults{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:1.1rem;color:rgb(var(--color-foreground))}.book-editor__debug-defaults :is(select,input[type=number]){border:1px solid rgba(var(--color-foreground),.2);border-radius:.25rem;padding:.15rem .3rem;background:transparent;color:inherit}.book-editor-cover__options label{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;text-align:center;border-radius:var(--small-radius);border:1px solid rgba(var(--color-foreground),.1);cursor:pointer}.book-editor-cover__options label:hover{border-color:rgba(var(--color-foreground),.4)}.book-editor-cover__options input[type=radio]:checked+label{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.book-editor-cover__options label :is(img,svg){width:100%;height:auto;object-fit:cover;border-radius:.4rem}.book-editor-cover__name{font-weight:600}.book-editor-cover__price{opacity:.75}.book-editor__photo-label{display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;gap:16px;text-align:center;cursor:pointer;border:1px dashed rgba(var(--color-foreground),.4)}.book-editor__photo-label:has(~.book-editor__photo-preview:not([hidden])){display:none}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-book-editor.css.map */