canvas,#vector,#canvas_grid_overlay{position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0}canvas{z-index:9999}#debug{pointer-events:none;position:absolute;top:0;left:0;z-index:99999;color:#fff;display:flex;flex-direction:column;width:10vw;opacity:.7;background-color:#000;padding:.5em;margin:.5em}h1,h2,h3,h4,h5,h6{font-family:ADLaM Display,Verdana,Geneva,Tahoma,sans-serif}body,#root{font-family:abeezee-regular,Verdana,Geneva,Tahoma,sans-serif;font-size:14px;padding:0;margin:0;width:100dvw;height:100dvh;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;min-height:0}.canvas{position:relative;z-index:1;width:100vw;height:calc(100% - 56pt);display:block}input[type=color]{border-radius:50%;aspect-ratio:1;width:16pt;height:16pt;padding:0;margin:0 .5em;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block}input[type=color]::-webkit-color-swatch-wrapper{margin:0;padding:10%}input[type=color]::-webkit-color-swatch{border-radius:50%}@media (prefers-color-scheme: dark){:root,input,input::placeholder{color:#3d245a;--card-border: #ddd;--new-card-text: #fff;--new-card-text-hover:#c48cff}body{background:#1e1a20}}@media (prefers-color-scheme: light){:root,input,input::placeholder{color:#3d245a;--card-border: #000;--new-card-text: #000;--new-card-text-hover: #8334cc}body{background:#c8b8e3}}img#cat_image{width:50%;height:70%;display:block}div#cat_image_container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.mindmap_card{border:1px solid var(--card-border);border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000000d;background:#a97fda;display:grid;grid-template-rows:auto;position:relative}.mindmap_card:hover,.mindmap_card:focus{box-shadow:0 0 0 2px #b04bff;border-color:#3b1660}@media (min-width: 768px){.mindmap_card{flex-direction:column}.mindmap_card .mindmap_preview{display:flex;justify-content:center}}@media (min-width: 1024px){.mindmap_card{flex-direction:column}}@media (min-width: 1440px){.mindmap_card{flex-direction:column-reverse}}.mindmap_card .card_settings_dots{position:absolute;top:.75rem;right:.75rem;z-index:2;cursor:pointer;background:#2002284a;color:#200228;border-radius:25%;padding:.2rem;transition:background .2s;font-size:1.5rem;align-items:center;display:flex}.mindmap_card .card_settings_dots:hover{background:#e6e6e6d9}.mindmap_container{display:grid;align-items:stretch;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#c9c9d0 #f6f6f8;padding:16px;gap:20px 16px}@media (max-width: 480px){.mindmap_container{grid-template-columns:1fr;margin:10px;overflow-x:hidden;box-sizing:border-box}}@media (min-width: 768px){.mindmap_container{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.mindmap_container{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width: 1440px){.mindmap_container{grid-template-columns:1fr 1fr 1fr 1fr}}.mindmap_card_header{border-bottom:2px dashed #200228;margin-bottom:1em}.mindmap_card--new{border:2px dashed #210434;background:#b886f58f;color:var(--new-card-text);justify-content:center;align-items:center;cursor:pointer;transition:box-shadow .2s,border-color .2s}.mindmap_card--new:hover,.mindmap_card--new:focus{color:var(--new-card-text-hover)}.mindmap_card_new_content{display:flex;flex-direction:column;align-items:center}.mindmap_card_plus{font-size:3em;line-height:1}.mindmap_card_label{margin-top:.5em;font-size:1.1em;font-weight:500}.mindmap_container--empty{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:0;width:100%}.mindmap_card--expanded{font-size:1.5rem;width:70%;height:200px}.mindmap_tags{display:inline-block;background-color:var(--tag-bg);color:var(--tag-text);border-radius:5px;padding:.2em .8em;font-size:.85em;margin-right:.5em;margin-top:.8em;text-transform:uppercase;font-weight:550}main{display:flex;overflow:hidden}.home_container{display:flex;height:100vh;flex-direction:column}.modal_backdrop{position:fixed;inset:0;background-color:#0d011aa1;display:flex;align-items:center;justify-content:center;z-index:1000}.modal_content{background:#3b1364;padding:2rem;border-radius:8px;max-width:90%;max-height:90%;overflow-y:auto;color:#fff}.modal_header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #ccc}.modal_close_btn{background:none;border:none;cursor:pointer;font-size:1.25rem;display:flex;color:#fff}.mindmap_create_modal{display:flex;flex-direction:column;gap:.75rem;overflow-x:clip}.mindmap_create_modal .modal_description{font-size:.95rem;margin-bottom:1rem}.mindmap_create_modal .modal_options:nth-of-type(3){display:flex;justify-content:center}.mindmap_create_modal .modal_options:nth-of-type(2){display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;justify-content:center;align-items:center;justify-items:center;padding-bottom:1rem;border-bottom:1px solid #ccc}.mindmap_create_modal .modal_options:nth-of-type(2) .label{flex-direction:column;display:flex;align-items:center;gap:.5rem}.mindmap_create_modal .modal_options:nth-of-type(2) .modal_option{display:flex;justify-content:center;align-items:center}.mindmap_create_modal .modal_options:nth-of-type(2) span{margin-left:.5rem}.mindmap_create_modal .modal_options:first-of-type{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #ccc}.mindmap_create_modal .modal_options:first-of-type .modal_option:first-of-type input{width:100%}.mindmap_create_modal .modal_options:first-of-type .modal_option:last-of-type textarea{width:100%;padding:10px}.mindmap_create_modal input[type=checkbox],.mindmap_create_modal input[type=color]{width:1.5rem;height:1.5rem;flex-shrink:0;margin:0;border:none;cursor:pointer}.mindmap_create_modal input[type=color]{appearance:none;border:1px solid rgb(118,118,118);border-radius:3px;padding:0;background-color:transparent}.mindmap_create_modal input[type=color]::-webkit-color-swatch-wrapper{padding:0}.mindmap_create_modal input[type=color]::-webkit-color-swatch{border:none;border-radius:3px;background-color:inherit}.mindmap_create_modal input[type=color]::-moz-color-swatch{border:none;border-radius:3px;background-color:inherit}.mindmap_create_modal .size_of_grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:.75rem}.mindmap_create_modal .size_of_grid .input_group{display:flex;flex-direction:column;min-width:0;width:100%}.mindmap_create_modal .size_of_grid .input_group input[type=text]{font-size:1rem;border:1px solid #ccc;padding:.25rem}.mindmap_create_modal .submit_button{background:#af75e5;height:4vh;font-weight:700;color:#fff;box-shadow:0 5px 10px #0003;border-radius:8px}.mindmap_create_modal .submit_button:hover{background:#9950c8}.fab_wrapper{position:fixed;bottom:30px;right:40px;width:80px;height:80px;overflow:visible;z-index:10}.fab_wrapper .floating_button{position:relative;width:80px;height:80px;border-radius:50%;background-color:#28183b;color:#fff;font-size:30px;border:none;box-shadow:0 4px 10px #0003;cursor:pointer;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center;overflow:visible}.fab_wrapper .floating_button:hover{background-color:#7647ad}.fab_wrapper .floating_button:focus{outline:none}.fab_main_icon{height:50px;width:50px;transform:rotate(180deg);color:#d7a8e1;padding:15px}.smaller_circle{all:unset;position:absolute;top:25%;left:30%;width:47px;height:47px;border-radius:50%;background-color:#4a2277;box-shadow:0 4px 10px #0003;opacity:0;visibility:hidden;transform-origin:center center;transform:scale(0) translate(0);transition:opacity .8s ease-in-out,transform .8s ease-in-out,visibility .8s ease-in-out}.smaller_circle svg{height:28.2px;width:28.2px;color:#f4b3ff;padding:8px}.smaller_circle:hover{background-color:#7647ad}.smaller_circle:focus{outline:none}.smaller_circle:nth-child(2){--x: calc(77px*cos(300deg + -150deg * 0 / 3)) ;--y: calc(77px*sin(300deg + -150deg * 0 / 3)) }.smaller_circle:nth-child(3){--x: calc(77px*cos(300deg + -150deg * 1 / 3)) ;--y: calc(77px*sin(300deg + -150deg * 1 / 3)) }.smaller_circle:nth-child(4){--x: calc(77px*cos(300deg + -150deg * 2 / 3)) ;--y: calc(77px*sin(300deg + -150deg * 2 / 3)) }.smaller_circle:nth-child(5){--x: calc(77px*cos(300deg + -150deg * 3 / 3)) ;--y: calc(77px*sin(300deg + -150deg * 3 / 3)) }.fab_wrapper.open .smaller_circle{opacity:1;visibility:visible;transform:scale(1) translate(var(--x),var(--y));pointer-events:auto}.fab_wrapper.open .smaller_circle:nth-child(2){transition-delay:.48s}.fab_wrapper.open .smaller_circle:nth-child(3){transition-delay:.36s}.fab_wrapper.open .smaller_circle:nth-child(4){transition-delay:.24s}.fab_wrapper.open .smaller_circle:nth-child(5){transition-delay:.12s}.fab_wrapper:not(.open) .smaller_circle{opacity:0;visibility:hidden;pointer-events:none;transform:scale(0) translate(0)}.fab_wrapper:not(.open) .smaller_circle:nth-child(2){transition-delay:0s}.fab_wrapper:not(.open) .smaller_circle:nth-child(3){transition-delay:.06s}.fab_wrapper:not(.open) .smaller_circle:nth-child(4){transition-delay:.12s}.fab_wrapper:not(.open) .smaller_circle:nth-child(5){transition-delay:.18s}header{background-color:#28183b;box-shadow:0 4px 10px #0003}.toolbar_sub{height:20pt;background-color:#6d538b;border-top:1px solid rgba(255,255,255,.08)}.toolbar_sub h3{margin:0;font-size:1.05rem;font-weight:500;color:#d7a8e1;line-height:1;display:flex;align-items:center;justify-content:center;height:1.2em}.toolbar{height:36pt}.toolbar h1{color:#d7a8e1;font-size:1.5rem;font-weight:500;margin:0;line-height:1;display:flex;align-items:center;justify-content:center;height:1.2em}.nav_logo{height:24px}.toolbar,.toolbar_sub{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1em}.toolbar .nav_icons_bar{justify-self:end}.toolbar_sub svg:last-child{justify-self:end}.toolbar .nav_icons_bar{display:flex;align-items:center;gap:1rem}.toolbar_sub svg{width:20px;height:20px;cursor:pointer;transition:opacity .15s ease-in-out}.toolbar_sub svg:hover{opacity:.85}.nav_icons,#pencolor{display:flex;align-items:center;justify-content:center;height:21.6pt;width:21.6pt;color:#d7a8e1;cursor:pointer;transition:background-color .15s ease-in-out;border-radius:6px}.nav_icons:hover,#pencolor:hover{background-color:#ffffff14}.nav_icons svg,#pencolor svg{width:100%;height:100%}.colour_picker{display:inline-block}.colour_picker input[type=color]{-webkit-appearance:none;padding:0;margin:0;cursor:pointer;border-radius:4px;background-color:transparent;border:none}.colour_picker input[type=color]::-webkit-color-swatch-wrapper{margin:0;padding:10%}.colour_picker input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.colour_picker input[type=color]::-moz-color-swatch{border:none;border-radius:4px}.nav_icon_with_dropdown{position:relative}.nav_icon_with_dropdown .dropdown_container{position:absolute;top:100%;right:0;margin-top:.4rem;z-index:10}.settings_dropdown{background-color:#28183b;border-radius:0 0 6px 6px;box-shadow:0 3px 10px #0003;padding:.8rem 1rem;font-size:14px;color:#ddd;align-content:center;z-index:9999;width:min(100vw,256pt)}.settings_dropdown .dropdown_title{margin-bottom:.6rem;font-weight:600;font-size:1.15rem;border-bottom:1px solid #ddd;padding-bottom:.3rem}.settings_dropdown .settings_section{margin-bottom:.9rem}.settings_dropdown .settings_section h4{font-weight:600;margin-bottom:.4rem;font-size:1rem}.settings_dropdown .settings_section ul{list-style:none;margin:0;padding-left:0}.settings_dropdown .settings_section ul li{padding:.25rem .4rem;border-radius:4px;cursor:pointer;transition:background-color .15s ease;margin:8pt 0;display:flex}.settings_dropdown .settings_section ul li:hover,.settings_dropdown .settings_section ul li:focus{background-color:#624091;outline:none}.grid_overlay_modal{display:flex;flex-direction:column;gap:.75rem;overflow-x:clip}.grid_overlay_modal .modal_description{font-size:.95rem;margin-bottom:1rem}.grid_overlay_modal .modal_options:first-of-type{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-bottom:.5rem;border-bottom:1px solid #ccc}.grid_overlay_modal .modal_options:not(:first-of-type) label{flex-direction:column;align-items:flex-start;margin-top:.5rem}.grid_overlay_modal label{display:flex;align-items:center;gap:.5rem}.grid_overlay_modal label input[type=checkbox],.grid_overlay_modal label input[type=color]{width:1.5rem;height:1.5rem;flex-shrink:0;margin:0;border:none;cursor:pointer}.grid_overlay_modal label input[type=color]{appearance:none;border:1px solid rgb(118,118,118);border-radius:3px;padding:0;background-color:transparent}.grid_overlay_modal label input[type=color]::-webkit-color-swatch-wrapper{padding:0}.grid_overlay_modal label input[type=color]::-webkit-color-swatch{border:none;border-radius:3px;background-color:inherit}.grid_overlay_modal label input[type=color]::-moz-color-swatch{border:none;border-radius:3px;background-color:inherit}select,#line_width{width:100%}.size_of_grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:.75rem}.size_of_grid .input_group{display:flex;flex-direction:column;min-width:0;width:100%}.size_of_grid .input_group input[type=number]{font-size:1rem;border:1px solid #ccc;padding:.25rem}.size_of_grid .icon_wrapper{display:flex;align-items:center;justify-content:center;padding-bottom:.25rem}.size_of_grid .icon_wrapper svg{width:24px;height:24px}.modal_option select{width:100%}.modal_option:has(select){flex-direction:column;align-items:flex-start;width:100%}