*,*:before,*:after{box-sizing:border-box;transition:background-color 80ms,background 80ms,color .16s}html{background-color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-size:18px;color:#555}html,body,#app{height:100%;margin:0}#app{max-width:100vw;max-height:100vh;margin:0 auto;position:relative}h2{font-size:28px}a{text-decoration:none;color:#1854af;cursor:pointer}a:hover{color:#407fdd}input[type=number]{height:38px;padding:0 10px;border:1px solid #aaa;border-radius:8px;line-height:50px}.btn,button,input[type=submit],input[type=button]{font-size:18px;margin:0;border-radius:8px;border:none;color:#555;background-color:#e8e6e3;cursor:pointer;display:inline-flex;height:38px;line-height:38px;justify-content:center;padding:0 24px;text-align:center;text-decoration:none;transition:background-color .2s,color .2s;white-space:nowrap}.btn svg,button svg,input[type=submit] svg,input[type=button] svg{overflow:visible;align-self:center;height:22px;transition:fill .2s}.btn:hover,button:hover,input[type=submit]:hover,input[type=button]:hover{background-color:#d8d4cf;color:#333}.btn.icon-only-button,button.icon-only-button,input[type=submit].icon-only-button,input[type=button].icon-only-button{width:38px;padding:0 8px}label{display:block}label input{display:block;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:hsl(200deg,30%,60%);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(200deg,60%,55%)}::-webkit-scrollbar-track{border:0px none #fff;border-radius:3px}::-webkit-scrollbar-track:hover{background:hsla(0deg,0%,50%,.12)}::-webkit-scrollbar-track:active{background:hsla(0deg,0%,50%,.28)}@media print{html{background-color:#fff!important;color:#000}}.container{width:300px;display:flex;flex-wrap:wrap}.quantity-control{width:145px}.quantity-control label{height:22px;margin-bottom:6px}.quantity-control input{width:100%}.add{width:145px;margin:28px 0 0 10px}.vacp-color-picker{padding:0;margin-bottom:20px}.colour-swatch[data-v-323474fe]{border-radius:8px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;justify-content:center;height:120px;width:120px}.colour-swatch .hex[data-v-323474fe]{grid-area:1/1/2/3;align-self:center;margin-left:10px;font-size:14px;font-style:italic;display:block;color:var(--8e3adbaa)}.colour-swatch .used[data-v-323474fe]{grid-area:2/1/3/3;align-self:center;text-align:center;display:block;color:var(--8e3adbaa)}.colour-swatch label[data-v-323474fe]{grid-area:3/1/4/2;align-self:center;justify-self:flex-start;margin-left:10px;margin-bottom:10px;color:var(--8e3adbaa)}.colour-swatch input[data-v-323474fe]{border:none;grid-area:3/1/4/3;background:hsla(0deg,0%,100%,.5);align-self:flex-end;justify-self:flex-end;margin:0 10px 10px 0;width:74px}.colour-swatch .remove[data-v-323474fe]{color:var(--8e3adbaa);grid-area:1/1/2/3;background:transparent;border-radius:0;justify-self:right;margin-left:auto}.colour-swatch .remove[data-v-323474fe]:hover{background:hsla(0deg,0%,100%,.5)}.colours{display:flex;flex-wrap:wrap;gap:10px;width:100%}.center-300{width:300px;margin:20px auto}.column .panel[data-v-03a57d9b]{width:var(--08bbd545);height:var(--08bbd545)}.column .panel svg[data-v-03a57d9b]{font-size:2em;height:90%;width:100%}.column .panel svg text[data-v-03a57d9b]{text-anchor:middle;dominant-baseline:middle}.modal-body>p.generation-info{color:#888;text-align:center}h2 span{font-size:28px;font-weight:600;line-height:38px;background:linear-gradient(96.2deg,rgb(207,185,71) 10.4%,rgb(255,100,100) 43.8%,rgb(0,93,219) 105.8%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}hr{margin-bottom:30px}h3{display:flex;align-content:center}h3 svg{align-self:center;height:22px;margin-left:10px}@media print{html{background-color:#fff}}.modal-backdrop{position:fixed;background:hsla(0deg,0%,0%,.5);backdrop-filter:blur(4px);top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:99}.modal-backdrop .modal{max-height:100%;background-color:#fff;transition:background-color .2s,color .2s;border-radius:10px;z-index:100;display:flex;flex-direction:column;width:var(--a7219c44);margin:10px}.modal-backdrop .modal.dynamic{max-height:calc(100% - 20px)}.modal-backdrop .modal.full{height:calc(100% - 20px)}.modal-header{display:grid;grid-template-columns:1fr auto;padding:30px 40px}.modal-header h2{font-weight:500;line-height:38px;margin:0 20px 0 0}.modal-header .close{padding:0 8px}.modal-body{padding:0 40px;margin-bottom:40px;overflow-y:scroll;overflow-x:hidden}.modal-footer{margin-top:-20px;gap:20px;padding:20px 40px;width:100%;display:flex;justify-content:end;border-radius:0 0 10px 10px}.modal-footer button[type=reset]{margin-right:auto}.modal-footer button.primary{margin-top:unset}@media screen and (max-width: 768px){.modal-backdrop .modal{width:100%;margin:0;border-radius:0}.modal-header{display:grid;grid-template-columns:1fr auto;padding:20px 10px}.modal-body{margin:0;padding:0 10px}.modal-footer{display:none}}.row-col-controls[data-v-3f464df2]{align-self:center;display:grid;grid-template-rows:38px 38px;grid-template-columns:1fr 100px;gap:10px}.row-col-controls label[data-v-3f464df2]{line-height:38px}.row-col-controls label[for=number_of_rows][data-v-3f464df2]{grid-template-areas:1/1/2/2}.row-col-controls label[for=number_of_columns][data-v-3f464df2]{grid-template-areas:1/2/2/3}.row-col-controls #number_of_rows[data-v-3f464df2]{grid-template-areas:2/1/3/2}.row-col-controls #number_of_columns[data-v-3f464df2]{grid-template-areas:2/2/3/3}.colours[data-v-3f464df2]{height:138px;padding:10px 0;display:grid;grid-gap:10px;grid-template-columns:var(--77b41ea3);overflow-x:scroll;overflow-y:hidden}.button-controls[data-v-3f464df2]{display:flex;gap:10px;height:140px;padding:10px 0}.button-controls .square-icon-button[data-v-3f464df2]{display:grid;grid-template-rows:80px 40px;width:120px;height:120px}.button-controls .square-icon-button svg[data-v-3f464df2]{margin:auto;height:60px;width:60px}.button-controls .square-icon-button label[data-v-3f464df2]{font-size:16px;vertical-align:middle}.button-controls .secondary-button-controls[data-v-3f464df2]{display:flex;flex-direction:column;gap:10px}.button-controls .secondary-button-controls .secondary-button[data-v-3f464df2]{width:55px;height:55px}.button-controls .secondary-button-controls .secondary-button svg[data-v-3f464df2]{height:30px;width:30px}@media screen and (max-width: 840px){.hide-on-mobile[data-v-3f464df2]{display:none!important}.row-col-controls[data-v-3f464df2]{width:100px;grid-template-columns:1fr;gap:0;grid-template-rows:22px 36px 26px 36px}.row-col-controls label[data-v-3f464df2]{line-height:22px}.row-col-controls label[for=number_of_rows][data-v-3f464df2]{grid-template-areas:1/1/2/2}.row-col-controls label[for=number_of_columns][data-v-3f464df2]{margin-top:4px;grid-template-areas:1/3/2/4}.row-col-controls input[data-v-3f464df2]{width:100%;height:36px}.row-col-controls #number_of_rows[data-v-3f464df2]{grid-template-areas:1/2/2/3}.row-col-controls #number_of_columns[data-v-3f464df2]{grid-template-areas:1/4/2/5}}@media screen and (min-width: 841px){.hide-on-large[data-v-3f464df2]{display:none!important}}@media screen and (max-width: 448px){.button-controls .square-icon-button[data-v-3f464df2]{width:100px}}@media screen and (max-width: 408px){.button-controls .square-icon-button[data-v-3f464df2]{width:80px}.button-controls .square-icon-button label[data-v-3f464df2]{font-size:14px}}@media screen and (max-width: 368px){.button-controls[data-v-3f464df2]{gap:6px}.row-col-controls[data-v-3f464df2]{width:80px}}.app[data-v-bd6b2d3e]{display:flex;flex-direction:column;align-items:center;height:100vh;width:100vw}#grid[data-v-bd6b2d3e]{position:relative;display:flex}.controls[data-v-bd6b2d3e]{height:140px;max-width:1800px;display:grid;grid-template-columns:auto minmax(150px,1fr) auto;grid-template-rows:140px;gap:10px;padding:0 10px}@media screen and (max-width: 368px){.controls[data-v-bd6b2d3e]{gap:6px;padding:0}}@media print{.controls[data-v-bd6b2d3e]{display:none}.grid[data-v-bd6b2d3e]{padding:0 10cm;page-break-inside:avoid}}