#root{width:100%;text-align:center}.custom-styles .excalidraw{--color-primary: #fcc6d9;--color-primary-darker: #f783ac;--color-primary-darkest: #e64980;--color-primary-light: #f2a9c4}.custom-styles .excalidraw.theme--dark{--color-primary: #d494aa;--color-primary-darker: #d64c7e;--color-primary-darkest: #e86e99;--color-primary-light: #dcbec9}label[title=Library]{display:none}.canvas{height:100vh}.canvas-container{height:100%}.canvas canvas{height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.controlBar{background-color:var(--background-color);color:var(--text-color);width:100%;padding-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;z-index:999}html[data-color-mode=light]{--text-color: #172B4D;--background-color: #f1f2f4;--background-color-two: #f1f2f4;--modal-background-color: #212529;--primary-button-text: #161A1D;--primary-button-color: #579DFF;--primary-button-hover-color: #85B8FF;--primary-button-active-color: #CCE0FF;--secondary-button-text: #44546f;--secondary-button-color: #e4e6ea;--secondary-button-hover-color: #d0d4db;--secondary-button-active-color: #a9b0bc}html[data-color-mode=dark]{--text-color: #b6c2cf;--background-color: #323940;--background-color-two: #2c333a;--modal-background-color: #212529;--primary-button-text: #161A1D;--primary-button-color: #579DFF;--primary-button-hover-color: #85B8FF;--primary-button-active-color: #CCE0FF;--secondary-button-text: white;--secondary-button-color: #3b444c;--secondary-button-hover-color: #45505a;--secondary-button-active-color: #596673}.selectedButton{background-color:var(--secondary-button-hover-color)!important}.loadingColor{color:var(--text-color)}.loadCenterJustify{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;background:var(--background-color)}html,body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}h1:focus{outline:none}a,.btn-link{color:#0071c1}.fr{float:right}.fl{float:left}.flexGap2{display:flex;gap:.5rem}.flexCenter{align-items:center;justify-content:space-between}.dark-input{background:#3b444c;border:none;color:#fff}.btn-primary{color:#fff;background-color:#1b6ec2;border-color:#1861ac}.btn-secondary{color:#fff;background-color:#3b444c;border-color:#3b444c}.btn-secondary:hover{background-color:#45505a}.mod-secondary{padding:.375rem .75rem;background:#3b444c;color:#fff;border:none;border-radius:.25rem}button.mod-primary,input[type=button].mod-primary,input[type=submit].mod-primary{background-color:var(--primary-button-color, #0079bf);box-shadow:none;border:none;color:var(--primary-button-text)}button.mod-secondary,input[type=button].mod-secondary,input[type=submit].mod-secondary{background-color:var(--secondary-button-color, #0079bf);box-shadow:none;border:none;color:var(--secondary-button-text)}.wb-root{--wb-ink: #172b4d;--wb-subtle: #626f86;--wb-surface: #ffffff;--wb-canvas: #ffffff;--wb-shell: #f7f8f9;--wb-border: #dcdfe4;--wb-hover: #f1f2f4;--wb-active: #e9f2ff;--wb-accent: #0c66e4;--wb-danger: #c9372c;--wb-success: #216e4e;--wb-radius: 6px;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--wb-ink);background:var(--wb-shell);text-align:left}html[data-color-mode=dark] .wb-root{--wb-ink: #b6c2cf;--wb-subtle: #8c9bab;--wb-surface: #22272b;--wb-canvas: #ffffff;--wb-shell: #1d2125;--wb-border: #38414a;--wb-hover: #2c333a;--wb-active: #1c2b41;--wb-accent: #579dff;--wb-danger: #f87168;--wb-success: #7ee2b8}.wb-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--wb-surface);border-bottom:1px solid var(--wb-border);flex:0 0 auto}.wb-group{display:flex;align-items:center;gap:2px}.wb-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--wb-radius);color:var(--wb-subtle);cursor:pointer;transition:background-color .12s ease,color .12s ease}.wb-btn svg{width:18px;height:18px;stroke-width:1.75}.wb-btn:hover:not(:disabled){background:var(--wb-hover);color:var(--wb-ink)}.wb-btn:focus-visible{outline:2px solid var(--wb-accent);outline-offset:1px}.wb-btn.is-active{background:var(--wb-active);color:var(--wb-accent)}.wb-btn:disabled{opacity:.4;cursor:default}.wb-swatch-trigger{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--wb-radius);cursor:pointer}.wb-swatch-trigger:hover{background:var(--wb-hover)}.wb-swatch-trigger:focus-visible{outline:2px solid var(--wb-accent);outline-offset:1px}.wb-swatch{width:18px;height:18px;border-radius:50%;border:1px solid var(--wb-border)}.wb-popover{position:absolute;top:48px;left:10px;z-index:20;display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:8px;box-shadow:0 8px 16px #091e4229}.wb-swatches{display:grid;grid-template-columns:repeat(5,24px);gap:6px}.wb-swatch-option{all:unset;box-sizing:border-box;width:24px;height:24px;border-radius:50%;border:1px solid var(--wb-border);cursor:pointer}.wb-swatch-option:hover{transform:scale(1.1)}.wb-swatch-option.is-active{box-shadow:0 0 0 2px var(--wb-surface),0 0 0 4px var(--wb-accent)}.wb-swatch-option:focus-visible{outline:2px solid var(--wb-accent);outline-offset:2px}.wb-size{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--wb-subtle)}.wb-size input{width:110px;accent-color:var(--wb-accent)}.wb-size output{min-width:18px;text-align:right;font-variant-numeric:tabular-nums;color:var(--wb-ink)}.wb-save{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:0 8px;height:28px;font-size:12px;font-family:inherit;color:var(--wb-subtle);border-radius:var(--wb-radius);white-space:nowrap}.wb-save svg{width:14px;height:14px}.wb-save.is-muted{opacity:.7}.wb-save.is-saved{color:var(--wb-success)}.wb-save.is-error{color:var(--wb-danger);cursor:pointer;border:1px solid currentColor}.wb-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.wb-canvas-shell{position:relative;flex:1 1 auto;min-height:0;background:var(--wb-canvas);overflow:hidden}.wb-canvas,.wb-canvas .canvas-container{width:100%;height:100%}.wb-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:15;padding:6px 14px;font-size:12px;white-space:nowrap;border-radius:999px;color:#fff;background:#172b4dd1;pointer-events:none}.wb-loading,.wb-fatal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:var(--wb-subtle);background:var(--wb-shell)}.wb-fatal{position:fixed;flex-direction:column;padding:24px;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#626f86;background:#f7f8f9}.wb-fatal-icon{width:28px;height:28px;color:#c9372c}.wb-fatal-text{margin:0;max-width:34ch;line-height:1.5}.wb-spin{animation:wb-spin .9s linear infinite}@keyframes wb-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.wb-spin{animation-duration:3s}}.wb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#091e428a}.wb-dialog{width:100%;max-width:400px;padding:20px;background:var(--wb-surface, #fff);color:var(--wb-ink, #172b4d);border-radius:8px;box-shadow:0 12px 24px #091e423d}.wb-dialog-title{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.wb-dialog-body{font-size:14px;line-height:1.5;color:var(--wb-subtle, #626f86)}.wb-dialog-body p{margin:0}.wb-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.wb-primary,.wb-danger,.wb-ghost{all:unset;box-sizing:border-box;padding:0 14px;height:32px;display:inline-flex;align-items:center;font-family:inherit;font-size:14px;font-weight:500;border-radius:var(--wb-radius, 6px);cursor:pointer}.wb-primary{background:var(--wb-accent, #0c66e4);color:#fff}.wb-danger{background:var(--wb-danger, #c9372c);color:#fff}.wb-ghost{color:var(--wb-subtle, #626f86)}.wb-ghost:hover{background:var(--wb-hover, #f1f2f4)}.wb-primary:disabled,.wb-danger:disabled{opacity:.5;cursor:default}.wb-primary:focus-visible,.wb-danger:focus-visible,.wb-ghost:focus-visible{outline:2px solid var(--wb-accent, #0c66e4);outline-offset:2px}.wb-file{display:block;width:100%;margin-top:12px;font-size:13px}.wb-preview{display:block;max-width:100%;max-height:200px;margin:12px auto 0;border:1px solid var(--wb-border, #dcdfe4);border-radius:var(--wb-radius, 6px)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh;align-items:flex-start}h1{font-size:3.2em;line-height:1.1}button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;border-radius:3px;box-sizing:border-box;display:inline-block;font-size:14px;font-weight:400;line-height:20px;padding:6px 12px;text-align:center;margin:0!important;z-index:999;transition:all .2s ease-in-out;max-height:36px;cursor:pointer;background-color:var(--primary-button-color, #0079bf);box-shadow:none;border:none;color:var(--primary-button-text)}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.colourButton{background-color:#000;margin-left:8px;border-radius:3rem;width:20px;height:20px;color:#fff;border:none}.flexGap{display:flex;align-items:center;gap:.25rem}.modal{scale:0;opacity:0;display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;transition:all .2s ease-in-out}.modalOpen{scale:1;opacity:1}.controlBarDropdownOpen{scale:1!important;opacity:1!important}.controlBarDropdown{top:40px;border-radius:.25rem;padding:.5rem;margin:.25rem;z-index:999;background-color:var(--background-color);color:var(--text-color);display:flex;align-items:center;gap:.5rem;flex-direction:column;scale:0;opacity:0;transition:all .2s ease-in-out}.uploadContainer{display:flex;gap:1rem;flex-direction:column;max-height:50vh;align-items:center}.uploadContainer img{max-height:200px;max-width:200px}.disabledButton{opacity:.5}.loader{position:fixed;width:100vw;height:100vh;background-color:#f1f2f4;z-index:9999;display:flex;justify-content:center;align-items:center}html{overflow:hidden}