@charset "UTF-8";*,*: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:#7aa3b8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#47a3d1}::-webkit-scrollbar-track{border:0px none #fff;border-radius:3px}::-webkit-scrollbar-track:hover{background:#8080801f}::-webkit-scrollbar-track:active{background:#80808047}@media print{html{background-color:#fff!important;color:#000}}.vacp-color-picker{max-inline-size:var(--vacp-width-color-space, 300px);padding:var(--vacp-spacing, 6px);display:grid;grid-gap:var(--vacp-spacing, 6px);grid-template-columns:1fr min-content;font-size:var(--vacp-font-size, .8em);font-family:var(--vacp-font-family, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif);color:var(--vacp-color-text, currentColor);background-color:var(--vacp-color-background, #fff)}.vacp-color-picker,.vacp-color-picker *,.vacp-color-picker *:before,.vacp-color-picker *:after{box-sizing:border-box}.vacp-color-picker :focus{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-color-picker button::-moz-focus-inner{border:none;padding:0}:where(.vacp-color-picker) button{inline-size:calc(var(--vacp-spacing, 6px) * 6);block-size:calc(var(--vacp-spacing, 6px) * 6);margin:0;padding:var(--vacp-spacing, 6px);display:flex;align-items:center;justify-content:center;border:var(--vacp-width-border, 1px) solid transparent;border-radius:50%;font:inherit;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}:where(.vacp-color-picker) button:focus{border-color:var(--vacp-color-border, #000)}:where(.vacp-color-picker) button:enabled:hover{background-color:#0002}.vacp-color-space{grid-column:1/-1;overflow:hidden;aspect-ratio:1/.6}.vacp-color-space-thumb{--vacp-thumb-size: calc(var(--vacp-spacing, 6px) * 4);inline-size:var(--vacp-thumb-size);block-size:var(--vacp-thumb-size);margin-inline-start:calc(-1 * var(--vacp-thumb-size) / 2);margin-block-end:calc(-1 * var(--vacp-thumb-size) / 2);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);transform:rotate(0)}.vacp-color-space-thumb:focus{outline-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000),0 0 0 calc(var(--vacp-width-border, 1px) + 2px) var(--vacp-color-focus, #19f)}.vacp-range-input-label{--vacp-slider-track-height: calc(var(--vacp-spacing, 6px) * 3);--vacp-slider-thumb-size: calc(var(--vacp-spacing, 6px) * 4 - var(--vacp-width-border, 1px) * 2);display:block}.vacp-range-input-group{display:flex;flex-direction:column;justify-content:center}.vacp-range-input-group>:not(:first-child){margin-block-start:var(--vacp-spacing, 6px)}.vacp-range-input,.vacp-range-input::-webkit-slider-thumb{-webkit-appearance:none}.vacp-range-input{display:block;inline-size:100%;block-size:var(--vacp-slider-track-height);margin-inline:0;margin-block:calc(var(--vacp-spacing, 6px) / 2 + 1px);padding:0;border:none;background:none}.vacp-range-input:focus{outline:none}.vacp-range-input::-moz-focus-outer{border:none}.vacp-range-input--alpha{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee);background-size:calc(var(--vacp-spacing, 6px) * 2) calc(var(--vacp-spacing, 6px) * 2);background-position:0 0,var(--vacp-spacing, 6px) var(--vacp-spacing, 6px)}.vacp-range-input::-moz-range-track{box-sizing:border-box;inline-size:100%;block-size:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input::-webkit-slider-runnable-track{box-sizing:border-box;inline-size:100%;block-size:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input::-ms-track{box-sizing:border-box;inline-size:100%;block-size:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input:focus::-moz-range-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input:focus::-webkit-slider-runnable-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input:focus::-ms-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--hue::-moz-range-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-webkit-slider-runnable-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-ms-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input::-moz-range-thumb{box-sizing:border-box;inline-size:var(--vacp-slider-thumb-size);block-size:var(--vacp-slider-thumb-size);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-range-input::-webkit-slider-thumb{box-sizing:border-box;inline-size:var(--vacp-slider-thumb-size);block-size:var(--vacp-slider-thumb-size);margin-block-start:calc(-1 * var(--vacp-spacing, 6px) / 2);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-range-input::-ms-thumb{box-sizing:border-box;inline-size:var(--vacp-slider-thumb-size);block-size:var(--vacp-slider-thumb-size);margin-block-start:calc(-1 * var(--vacp-spacing, 6px) / 2);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-actions{justify-self:center;align-self:center;display:flex;gap:var(--vacp-spacing, 6px);align-items:center}.vacp-color-inputs{grid-column:1/-1;display:flex;align-items:center}.vacp-color-inputs>:not(:first-child){margin-inline-start:var(--vacp-spacing, 6px)}.vacp-color-input-group{flex-grow:1;display:grid;grid-auto-flow:column;column-gap:var(--vacp-spacing, 6px)}.vacp-color-input-label{text-align:center}.vacp-color-input{width:100%;margin:0;margin-block-start:calc(var(--vacp-spacing, 6px) / 2);padding:var(--vacp-spacing, 6px);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000);font:inherit;text-align:center;color:inherit;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}.vacp-format-switch-button{flex-shrink:0}.vacp-visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.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(--v8e3adbaa)}.colour-swatch .used[data-v-323474fe]{grid-area:2/1/3/3;align-self:center;text-align:center;display:block;color:var(--v8e3adbaa)}.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(--v8e3adbaa)}.colour-swatch input[data-v-323474fe]{border:none;grid-area:3/1/4/3;background:#ffffff80;align-self:flex-end;justify-self:flex-end;margin:0 10px 10px 0;width:74px}.colour-swatch .remove[data-v-323474fe]{color:var(--v8e3adbaa);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:#ffffff80}.colours{display:flex;flex-wrap:wrap;gap:10px;width:100%}.center-300{width:300px;margin:20px auto}.column .panel[data-v-03a57d9b]{width:var(--v08bbd545);height:var(--v08bbd545)}.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,#cfb947 10.4%,#ff6464 43.8%,#005ddb 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:#00000080;-webkit-backdrop-filter:blur(4px);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(--v77b41ea3);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}}