@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Hurricane&family=Indie+Flower&family=Pacifico&family=Permanent+Marker&family=Roboto&family=Shadows+Into+Light&family=Shalimar&display=swap);*{padding:0;margin:0;border:0}body{font-family:sans-serif}#app{font-family:cursive;max-height:100vh;padding-top:68px;max-width:100vw}#nav{padding:15px 30px;background:#25314e;color:#fff;position:fixed;top:0;width:calc(100vw - 60px);z-index:110;box-shadow:0 0 10px #000;min-height:40px;display:flex;flex-direction:row-reverse;align-items:center}#nav a{font-weight:700;text-decoration:none;color:#fff;padding:0 20px}#nav #main-title{display:inline-block;max-width:300px;position:absolute;top:40%;left:50%;margin-left:-100px}body{line-height:1}.select{background:#fff;color:#555;padding:10px;min-width:300px;border:1px solid #555;border-radius:3px}.cta-button{position:fixed;top:15px;min-width:27%;z-index:120;left:30px}.cta-button,.ok-button{padding:10px 20px;background:#5db18b;color:#fff;border-radius:3px;cursor:pointer;transition:opacity .3s ease}.ok-button{min-width:190px}.danger-button{color:#fff;background:#ba4242;padding:10px 20px;min-width:80px;border-radius:3px;cursor:pointer;transition:opacity .3s ease}.cta-button.disabled{opacity:.2;cursor:not-allowed;transition:opacity .3s ease}.item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.input{padding:10px;border:1px solid #bbb;border-radius:3px}.button,.input{display:inline-block}.button{padding:11px;background:#694fea;cursor:pointer;color:#fff;border:0;min-width:100px;border-radius:3px;box-shadow:2px 5px 20px #ccc}.button:hover{opacity:.8}.mt-1{margin-top:5px}.mt-2{margin-top:10px}.mt-3{margin-top:20px}.mt-4{margin-top:40px}.mb-1{margin-bottom:5px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:20px}.mb-4{margin-bottom:40px}.ml-1{margin-left:5px}.ml-2{margin-left:10px}.ml-3{margin-left:20px}.ml-4{margin-left:40px}.mr-1{margin-right:5px}.mr-2{margin-right:10px}.mr-3{margin-right:20px}.mr-4{margin-right:40px}.m-1{margin:5px}.m-2{margin:10px}.m-3{margin:20px}.m-4{margin:40px}@media print{#nav{display:none}#app{padding-top:0}}.component{margin:10vh auto 0 auto;width:600px}.input{width:calc(100% - 40px);margin:20px 0}.text.button{background:transparent;margin:0 40px;border:0;box-shadow:none;color:#694fea;text-decoration:none}.presentation{text-align:center;margin:15px}.error,.presentation{font-family:Verdana,Geneva,Tahoma,sans-serif}.error{padding:5px;border-radius:5px;border:1px solid red;margin-top:-10px;margin-bottom:5px;max-width:-moz-fit-content;max-width:fit-content;font-size:x-small}.component[data-v-13da7e6c]{color:#333;font-family:Roboto Light,Arial,sans-serif;margin:20px}.component .h1[data-v-13da7e6c]{margin:20px 0}table[data-v-13da7e6c]{min-width:800px;width:90%;border-spacing:0}table th[data-v-13da7e6c]{background:#ddd}table td[data-v-13da7e6c],table th[data-v-13da7e6c]{text-align:left;color:#555;padding:10px}.component[data-v-4d3f82da]{color:#333;font-family:Roboto Light,Arial,sans-serif;margin:20px}.component .h1[data-v-4d3f82da]{margin:20px 0}table[data-v-4d3f82da]{min-width:800px;width:90%;border-spacing:0}table th[data-v-4d3f82da]{background:#ddd}table td[data-v-4d3f82da],table th[data-v-4d3f82da]{text-align:left;color:#555;padding:10px}table tr .input[data-v-4d3f82da]{margin:0}.bubble[data-v-03d17876],.target[data-v-03d17876],[data-v-03d17876]{position:absolute}.bubble-text[data-v-03d17876]{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.bubble[data-v-03d17876]{background-repeat:no-repeat;background-size:100% 100%;box-sizing:border-box;background-origin:border-box;background-clip:border-box}.bubble-text[data-v-03d17876]{display:flex;justify-content:center;align-items:center}.appendice[data-v-2d9c2dbe],.onomatopee[data-v-3c7ad7d7]{position:absolute}.appendice[data-v-2d9c2dbe],.box[data-v-dc172718],.onomatopee[data-v-3c7ad7d7]{background-repeat:no-repeat;background-size:100% 100%;box-sizing:border-box;background-origin:border-box;background-clip:border-box}.box[data-v-dc172718]{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-number[data-v-0611ef0e]{display:block;text-align:center;margin:15px auto 0 auto;width:100%;font-size:.6em;font-weight:700;grid-column-end:span 3}.grid-container[data-v-0611ef0e]{display:grid;grid-template-columns:min-content min-content min-content;grid-template-rows:min-content min-content min-content;gap:1px}.planche[data-v-0611ef0e]{max-height:100%;width:calc(100% - 10px);min-width:calc(100% - 10px);max-width:calc(100% - 10px)}.box.highlight{box-shadow:-10px 10px 55px rgba(0,0,0,.6),-1px 1px 20px #000;position:relative;z-index:9;margin:-30px;transition:all .3s ease;border:1px solid #000;transform:rotate(-5deg)}.box{transition:all .1s ease}#comic-boxes{display:flex;justify-content:space-between}.boxes-order{width:calc(70% - 100px);height:-moz-fit-content;height:fit-content;display:inline-block;padding:30px;position:fixed}.boxes-list{max-width:100%;width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:5px}#comic-preview{position:absolute;right:0}.layout-container{max-height:100%;width:25%;height:100%;display:flex;flex-direction:column;background:#eee;padding:0 20px 0 65px;min-height:calc(100vh - 80px)}.page{width:-moz-min-content;width:min-content;height:-moz-min-content;height:min-content;width:100%}.layout-container .planche .grid-container{border:3px solid transparent;width:100%;padding:30px 30px 15px 30px;background:#fff;box-shadow:5px 5px 25px rgba(0,0,0,.26666666666666666);margin:5px;margin-bottom:25px;position:relative}#comic-preview{float:right}#comic-preview.layout-container .planche .grid-container{left:-60px}.greyed{-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}#comic-title-editor{padding:5px 10px 5px 10px;atext-align:center}.user-info{padding:10px}#comic-preview .user-info,.titre2{text-align:center}.titre2{margin:3px}.boxes-order .cta-button{position:relative!important;float:right;top:0;left:0}#comic-preview #title{margin-bottom:-25px;width:80%;text-align:center;z-index:10}#comic-preview #author{width:100%;text-align:right;margin:-.6cm;margin-top:-47px;z-index:10}.editor[data-v-8fdde0b0]{padding:40px}.editor input[data-v-8fdde0b0],.editor label[data-v-8fdde0b0]{margin:8px 10px 8px 0;font-size:1em}fieldset[data-v-8fdde0b0]{width:auto}.textarea[data-v-8fdde0b0]{width:95%;resize:none;max-height:100px;border:1px solid #888;padding:3px;border-top:transparent}.select[data-v-8fdde0b0]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;background:#ddd;min-width:none}.select option[data-v-8fdde0b0]{background:#fff;line-height:1.5em}.controls[data-v-8fdde0b0],label[data-v-8fdde0b0]{afont-size:x-small}select[data-v-8fdde0b0],select option[data-v-8fdde0b0]{afont-size:smaller;width:95%}.item-selector[data-v-0a6d8abb]{display:flex;aflex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-evenly}.item-container[data-v-0a6d8abb]{width:100px;position:relative;display:flex;flex-direction:column;margin:5px 10px;align-items:center;justify-content:center;height:2rem}.item-container.appendice[data-v-0a6d8abb]{width:auto}.item-container.appendice .item[data-v-0a6d8abb]{background-position:50%;background-size:auto 100%;aspect-ratio:1}.item[data-v-0a6d8abb]{height:inherit;width:inherit}.item.active[data-v-0a6d8abb]{filter:drop-shadow(0 0 1.5em yellow);border:1px solid #000;border-radius:10%;box-shadow:2px 2px 2px 2px #ff8c00,-2px -2px 2px 2px #ff8c00}.type-title[data-v-0a6d8abb]{padding:1rem;border-top:1px solid #000}#item-selector{overflow:scroll}#item-list[data-v-f1b4e8d8]{display:flex;flex-direction:column;align-items:center;height:calc(100% - 20px);ajustify-content:space-evenly;padding:10px 0}.item-container[data-v-f1b4e8d8]{width:80%;max-height:80px;background:#eee;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #555;border-radius:5px;margin-bottom:10px}.item-container.bubble .item[data-v-f1b4e8d8]{height:80%}.item-container.appendice[data-v-f1b4e8d8]{height:100%;awidth:auto}.item-container.highlight[data-v-f1b4e8d8]{border-color:#e85e1c;background:#f5aaaa}.item-container.appendice .item[data-v-f1b4e8d8]{background-position:50%;background-size:auto 100%;height:80%;aspect-ratio:1}.item-container.onomatopee .item[data-v-f1b4e8d8]{height:80%}.item[data-v-f1b4e8d8]{height:inherit;width:inherit;max-height:40px}.highlight .item[data-v-f1b4e8d8]{box-shadow:3px #ff0}#box-editor[data-v-4084101a]{display:flex;flex-direction:row;amax-width:90vw;abackground:#222;min-height:calc(100vh - 67px);height:calc(100vh - 67px);max-height:calc(100vh - 67px)}#box-zone[data-v-4084101a]{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content;awidth:-moz-fit-content;height:-moz-fit-content;height:fit-content;aheight:-moz-fit-content;position:relative;amax-width:calc(80vw - 320px);amax-height:calc(100vh - 320px);margin:40px;border-radius:20px;box-shadow:5px 5px 50px #000}#box[data-v-4084101a]{max-width:100%;max-height:100%}#box-zone.portrait[data-v-4084101a]{max-height:calc(100vh - 200px)}#box-zone.portrait #box[data-v-4084101a]{height:inherit;max-height:inherit;min-height:inherit}#box-zone.landscape[data-v-4084101a]{max-width:calc(80vw - 200px);max-height:calc(100vh - 200px)}#box-zone.landscape #box[data-v-4084101a]{width:auto;height:auto;max-width:inherit;min-width:inherit;max-height:inherit}#item-editor[data-v-4084101a]{max-height:100%;width:20%}#item-order[data-v-4084101a]{min-width:160px;width:160px;background:#111}#item-selector[data-v-4084101a]{awidth:20%;max-width:40%}#order-label[data-v-4084101a],#selector-label[data-v-4084101a]{text-align:center;padding:8px}#order-label[data-v-4084101a]{color:#fff}.component[data-v-627bb5ec]{width:100%}h1[data-v-627bb5ec]{text-align:center;margin:10vh 0}#comic-selector[data-v-627bb5ec]{flex-direction:row;justify-content:space-evenly;align-items:flex-end}.comic-preview[data-v-627bb5ec]{max-height:40%;border:3px solid transparent;margin:5px;padding:30px 30px 15px 30px;background:#fff;box-shadow:5px 5px 25px rgba(0,0,0,.26666666666666666)}.author[data-v-627bb5ec]{margin:15px 5px;height:2em}#comic-selector[data-v-627bb5ec]{text-align:center;display:flex;flex-wrap:wrap}#comic-selector .action-buttons[data-v-627bb5ec]{text-align:center}#comic-selector .action-buttons>.ok-button[data-v-627bb5ec]{display:block;margin:5px auto;text-decoration:none;width:80%}.comic-preview[data-v-627bb5ec]{max-width:220px}.box[data-v-627bb5ec]{width:200px;height:200px;margin-left:auto;margin-right:auto}.text[data-v-627bb5ec]{width:-moz-fit-content;width:fit-content;text-align:left;margin:10px auto}.invisible[data-v-627bb5ec]{visibility:hidden}.component[data-v-394aa58e]{width:100%}h1[data-v-394aa58e]{text-align:center;margin:10vh 0}#theme-selector[data-v-394aa58e]{flex-direction:row;justify-content:space-evenly;align-items:stretch}.theme-preview[data-v-394aa58e]{border:3px solid transparent;margin:5px;padding:30px 30px 15px 30px;background:#fff;box-shadow:5px 5px 25px rgba(0,0,0,.26666666666666666);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.theme[data-v-394aa58e]{margin:15px 5px}#theme-selector[data-v-394aa58e]{text-align:center;display:flex;flex-wrap:wrap}#theme-selector .action-buttons[data-v-394aa58e]{text-align:center}#theme-selector .action-buttons>.ok-button[data-v-394aa58e]{display:block;margin:5px auto;text-decoration:none;width:80%}.theme-preview[data-v-394aa58e]{max-width:220px}.box[data-v-394aa58e]{width:200px;height:200px;margin-left:auto;margin-right:auto}.text[data-v-394aa58e]{width:-moz-fit-content;width:fit-content;text-align:left;margin:10px auto}.invisible[data-v-394aa58e]{visibility:hidden}.ok-button[data-v-394aa58e]{display:block}.comic-print,body,html{width:100%;height:100%;margin:0;padding:0}.comic-print #title{position:absolute;width:inherit;text-align:center;top:.5cm}#author{width:100%;text-align:right;margin:-.6cm}.comic-print.landscape{margin:1.5cm auto auto 2cm}.comic-print.portrait{margin:2.5cm auto auto 2cm}#pages{width:100%;height:100%}#impression{width:297mm}.planche{width:100%;height:100%}.planche,.planche .grid-container{position:relative}#impression .layout-container .planche .grid-container{left:0;padding:0}.progress-container[data-v-2c4764a7]{width:100%}.progress-container .progress-bar[data-v-2c4764a7]{width:100%;height:10px;border:1px solid #585858;border-radius:5px;margin-bottom:5px}.progress-container .progress-bar .progress[data-v-2c4764a7]{width:0;height:100%;transition:.3s;background:#2c3e50}.progress-container .generating-label[data-v-2c4764a7]{width:100%;display:flex;justify-content:space-between}