.header{grid-area:header;display:flex;align-items:center;height:50px;background-color:var(--primary-white);box-shadow:0 0 10px #00000080;border-bottom:2px solid var(--secondary-blue);z-index:var(--header-index);-webkit-user-select:none;user-select:none;position:relative}.logo-container{display:flex;align-items:center;justify-content:center;width:60px;height:40px}.logo{width:40px;height:40px;filter:drop-shadow(0px 0px 3px var(--secondary-blue))}h1{color:var(--primary-grey);font-family:Inter;font-size:1.5rem;margin:auto}.header-features-button{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:.45rem .85rem;border-radius:999px;background-color:var(--primary-blue);color:var(--primary-white);font-weight:600;cursor:pointer;transition:.2s ease}.header-features-button:hover{background-color:var(--third-blue)}.features-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e141847;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:15000}.features-modal{width:min(720px,100%);max-height:min(80vh,720px);overflow:auto;background:var(--primary-white);border:1px solid rgba(4,196,212,.2);border-radius:18px;box-shadow:0 24px 60px #00000038;padding:24px}.features-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.features-modal-header h2{margin:0 0 6px;color:var(--third-blue);font-size:1.5rem}.features-modal-header p{margin:0;color:var(--primary-grey);line-height:1.45;max-width:48ch}.features-modal-close{color:var(--primary-blue);background:var(--secondary-white);border-radius:999px;padding:.5rem .85rem;font-weight:600;cursor:pointer;white-space:nowrap}.features-modal-close:hover{background:var(--third-grey)}.features-modal-content{display:grid;gap:16px}.features-modal-section{padding:16px 18px;border-radius:14px;background:linear-gradient(180deg,#04c4d414,#0e839708);border:1px solid rgba(14,131,151,.12)}.features-modal-section h3{text-align:left;margin-bottom:12px;font-size:1rem}.features-card-grid{display:grid;gap:12px}@media (min-width: 720px){.features-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.features-card{padding:14px;border-radius:12px;background:var(--primary-white);border:1px solid rgba(14,131,151,.12)}.features-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}.features-card h4{margin:0;color:var(--third-blue);font-size:.98rem}.features-card p{margin:0;color:var(--primary-grey);line-height:1.45}.features-card-label{color:var(--third-blue)!important;font-weight:700}.features-shortcuts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.shortcut-chip{display:inline-flex;align-items:center;white-space:nowrap;padding:.3rem .55rem;border-radius:999px;background:#0e83971a;color:var(--primary-blue);font-size:.75rem;font-weight:700}.alert-message-container{grid-area:alert-message;height:0px;width:90%;max-width:500px;margin:0 auto;position:relative;z-index:var(--alert-index)}.alert-message{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"alert-icon alert-message-content alert-exit";align-items:center;justify-content:space-between;gap:15px;padding:10px 15px;margin:13px auto;box-shadow:0 0 3px #000;border-radius:10px;animation:slideDown .5s ease-out forwards}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.alert-icon{width:30px;height:30px}.alert-icon path{fill:var(--secondary-white)}.alert-exit-button{cursor:pointer}.alert-exit-button SVG{width:15px;height:15px}.alert-exit-button path{fill:var(--secondary-white)}.alert-message-content{margin:0;padding:0;font-size:.8rem;color:#fff}.alert-warning{background-color:var(--third-yellow)}.alert-error{background-color:var(--third-red)}.alert-success{background-color:var(--third-blue)}:root{--transition-speed: .4s;--opacity-hover: 1;--opacity-default: .8}.left-menu{grid-area:left-menu;width:60px;background-color:var(--primary-grey);box-shadow:0 0 5px #00000080;display:flex;flex-direction:column;align-items:center;z-index:var(--left-menu-index);-webkit-user-select:none;user-select:none}span{color:var(--primary-white);font-size:.6rem;font-family:Inter;font-weight:700;opacity:1}.left-menu-item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding-top:10px;padding-bottom:10px;width:100%;gap:5px;cursor:pointer}.left-menu-item:hover *{fill-opacity:var(--opacity-hover);opacity:var(--opacity-hover);transition:var(--transition-speed)}.left-menu-item *{fill-opacity:var(--opacity-default);opacity:var(--opacity-default);transition:var(--transition-speed)}.left-menu-selected{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding-top:10px;padding-bottom:10px;width:100%;gap:5px;cursor:pointer;background-color:var(--primary-blue)}.left-menu-selected *{fill-opacity:var(--opacity-hover);opacity:var(--opacity-hover);transition:var(--transition-speed)}.right-menu{--transition-speed: .4s;--opacity-hover: 1;--opacity-default: .8}.right-menu{grid-area:right-menu;width:60px;background-color:var(--primary-grey);box-shadow:0 0 5px #00000080;display:flex;flex-direction:column;align-items:center;z-index:var(--right-menu-index);-webkit-user-select:none;user-select:none}span{color:var(--primary-white);font-size:10px;font-family:Inter;font-weight:700}.right-menu-item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding-top:10px;padding-bottom:10px;width:100%;gap:5px;cursor:pointer}.right-menu-item:hover *{fill-opacity:var(--opacity-hover);opacity:var(--opacity-hover);transition:var(--transition-speed)}.right-menu-item *{fill-opacity:var(--opacity-default);opacity:var(--opacity-default);transition:var(--transition-speed)}.right-menu-selected{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding-top:10px;padding-bottom:10px;width:100%;gap:5px;cursor:pointer;background-color:var(--primary-blue)}.right-menu-selected *{fill-opacity:var(--opacity-hover);opacity:var(--opacity-hover);transition:var(--transition-speed)}.generic-button{display:inline-block;padding:.5rem 1rem;text-align:center;text-decoration:none;border:none;background-color:var(--primary-blue);font-size:1rem;color:var(--primary-white);border-radius:5px;cursor:pointer;transition:.3s;width:100%}.generic-button:hover{background-color:var(--secondary-blue);text-shadow:1px 1px 5px rgba(0,0,0,.5)}.right-menu-open{display:inline-block;width:auto;background-color:var(--primary-white);box-shadow:0 0 5px #00000080;padding:5px 10px 70px 5px;overflow:auto;z-index:calc(var(--right-menu-index) - 1);position:relative}.right-menu-open .exit-button{position:absolute;top:5px;right:10px;width:auto;height:auto;padding:0;margin:0;background-color:var(--primary-white);color:var(--primary-blue);text-decoration:underline;font-size:.8rem;cursor:pointer}.right-menu-open .exit-button:hover{background-color:var(--primary-white)}.left-menu-open{display:inline-block;width:auto;background-color:var(--primary-white);box-shadow:0 0 5px #00000080;padding:5px 10px 70px 5px;overflow:auto;z-index:calc(var(--left-menu-index) - 1);position:relative}.left-menu-open .exit-button{position:absolute;top:5px;left:10px;width:auto;height:auto;padding:0;margin:0;background-color:var(--primary-white);color:var(--primary-blue);text-decoration:underline;font-size:.8rem}.left-menu-open .exit-button:hover{background-color:var(--primary-white)}.shapes-import-menu{padding:1.25rem .625rem .625rem;width:200px}.shapes-group{border-bottom:1px solid var(--secondary-grey);display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:10px;padding-bottom:1.25rem;margin:10px auto;overflow:hidden}.shape-button{cursor:pointer;border-radius:5px;transition:.3s}.shape-button:hover{box-shadow:0 0 0 1px var(--primary-blue)}.graphics-import-menu{padding:1.25rem .625rem .625rem;width:200px}.graphics-group{border-bottom:1px solid var(--secondary-grey);display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:10px;padding-bottom:1.25rem;margin:10px auto;overflow:hidden}.graphics-button{cursor:pointer;border-radius:5px;transition:.3s}.graphics-button:hover{box-shadow:0 0 0 1px var(--primary-blue)}.number-input{font-size:.875rem;font-weight:700;flex:1}.number-input label{-webkit-user-select:none;user-select:none}.number-input .input-wrapper{position:relative;display:inline-block;width:100%}.number-input input{margin-top:.125rem;border:1px solid var(--secondary-grey);border-radius:.313rem;font-size:.875rem;font-weight:400;padding:.313rem .5rem;width:100%;transition:.3s;-moz-appearance:textfield}.number-input input:hover{border:1px solid var(--primary-blue)}.number-input input:focus{outline:1px solid var(--primary-blue)}.number-input .unit{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-weight:400;color:#000;pointer-events:none;-webkit-user-select:none;user-select:none}.number-input input::-webkit-inner-spin-button,.number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input input[type=number]{-moz-appearance:textfield}._ac_jvk27_6{display:flex;align-items:center}._jc_jvk27_11{display:flex;justify-content:center}._jsb_jvk27_16{display:flex;justify-content:space-between}._psRl_jvk27_21{position:relative}._cResize_jvk27_25{cursor:ew-resize}._cCross_jvk27_29{cursor:crosshair}._rbgcpControlBtn_jvk27_33{padding-left:8px;padding-right:8px;line-height:1;border-radius:4px;font-weight:700;font-size:12px;height:24px;transition:all .16s ease;display:flex;align-items:center;justify-content:center;background:#fff0;box-shadow:1px 1px 3px #0000;color:#565656;box-sizing:border-box}._rbgcpControlIcon_jvk27_51{stroke:#323136}._rbgcpControlIconBtn_jvk27_55{width:30px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}._rbgcpControlBtnWrapper_jvk27_66{height:28px;background:#e9e9f5;border-radius:6px;padding:2px;display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box}._rbgcpColorModelDropdown_jvk27_78{position:absolute;right:-2px;top:34px;padding:5px;background:#e9e9f5;z-index:100000000;border-radius:6px;box-shadow:1px 1px 14px 1px #00000040}._rbgcpEyedropperCover_jvk27_90{position:fixed;left:0;top:0;z-index:100000000;width:100vw;height:100vh;cursor:copy}._rbgcpControlInput_jvk27_100{height:24px;border-radius:4px;border:none;outline:none;text-align:center;width:34px;font-weight:500;color:#323136;font-size:13px;background:transparent;box-sizing:border-box}._rbgcpInputLabel_jvk27_114{text-align:center;line-height:1.2;font-weight:700;color:#565656;font-size:11px}._rbgcpInput_jvk27_114{height:32px;border-radius:6px;border:1px solid #bebebe;width:100%;padding:2px;outline:none;color:#000;font-weight:400;text-align:center;box-sizing:border-box}._rbgcpHandle_jvk27_135{position:absolute;border:2px solid white;border-radius:50%;box-shadow:0 0 3px #00000080;width:18px;height:18px;z-index:1000;transition:all 10ms linear;box-sizing:border-box}._rbgcpCanvasWrapper_jvk27_147{border-radius:6px;overflow:hidden;height:294px}._rbgcpCheckered_jvk27_153{background:linear-gradient(45deg,rgba(0,0,0,.18) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.18) 0),linear-gradient(45deg,rgba(0,0,0,.18) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.18) 0),#fff;background-repeat:repeat,repeat;background-position:0px 0,7px 7px;transform-origin:0 0 0;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-size:14px 14px,14px 14px;box-shadow:none;text-shadow:none;transition:none;transform:scaleX(1) scaleY(1) scaleZ(1);border-radius:10px}._rbgcpOpacityOverlay_jvk27_188{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px}._rbgcpGradientHandleWrap_jvk27_197{position:absolute;z-index:10000;top:-2px;outline:none}._rbgcpGradientHandle_jvk27_197{border:2px solid white;border-radius:50%;box-shadow:0 0 3px #00000080;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._rbgcpControlIcon2_jvk27_216{fill:#323136}._rbgcpControlBtnSelected_jvk27_220{background:#fff;color:#568cf5;box-shadow:1px 1px 3px #0003}._rbgcpComparibleLabel_jvk27_226{color:#323136}@media (prefers-color-scheme: dark){._rbgcpInputLabel_jvk27_114{color:#d4d4d4}._rbgcpControlBtnWrapper_jvk27_66{background:#363636}._rbgcpInput_jvk27_114{border:none;color:#fff;background:#363636}._rbgcpControlBtn_jvk27_33{color:#d4d4d4}._rbgcpControlIcon_jvk27_51{stroke:#d4d4d4}._rbgcpControlIcon2_jvk27_216{fill:#d4d4d4}._rbgcpControlInput_jvk27_100{color:#fff}._rbgcpControlBtnSelected_jvk27_220{background:#000;color:#568cf5}._rbgcpDegreeIcon_jvk27_258{color:#d4d4d4}._rbgcpColorModelDropdown_jvk27_78{background:#202020}._rbgcpComparibleLabel_jvk27_226{color:#d4d4d4}}.color-popover{background-color:var(--primary-white);border:1px solid var(--secondary-grey);border-radius:1rem;box-shadow:.2rem .2rem .5rem #0000001a;padding:.625rem}._rbgcpControlBtnWrapper_jvk27_66{border:1px solid var(--secondary-grey);background:var(--primary-white)}._rbgcpControlBtn_jvk27_33{color:var(--primary-grey);font-size:.875rem;font-weight:500;background:var(--primary-white);transition:.3s ease;cursor:pointer}._rbgcpControlBtn_jvk27_33:hover{box-shadow:0 0 0 1px var(--primary-blue)}._rbgcpControlBtnSelected_jvk27_220{background:var(--primary-blue);color:var(--primary-white);transition:.3s ease}._rbgcpControlBtnSelected_jvk27_220 svg path,._rbgcpControlBtnSelected_jvk27_220 svg circle,._rbgcpControlBtnSelected_jvk27_220 svg rect,._rbgcpControlBtnSelected_jvk27_220 svg polygon,._rbgcpControlBtnSelected_jvk27_220 svg polyline,._rbgcpControlBtnSelected_jvk27_220 svg line{stroke:var(--primary-white)!important;fill:var(--primary-white)!important}._rbgcpControlIconBtn_jvk27_55{transition:.3s ease;cursor:pointer}._rbgcpControlIconBtn_jvk27_55:hover{box-shadow:0 0 0 1px var(--primary-blue)}._rbgcpControlIconBtn_jvk27_55 svg{height:100%}._rbgcpColorModelDropdown_jvk27_78{display:flex;gap:.2rem;border:1px solid var(--secondary-grey);background:var(--primary-white)}._rbgcpInput_jvk27_114{border:1px solid var(--secondary-grey);font-size:.875rem;transition:.3s}._rbgcpInput_jvk27_114:hover{box-shadow:0 0 0 1px var(--primary-blue)}._rbgcpInput_jvk27_114:focus{box-shadow:0 0 0 1px var(--primary-blue)}._rbgcpControlInput_jvk27_100{font-size:.875rem;transition:.3s}._rbgcpControlInput_jvk27_100:hover{box-shadow:0 0 0 1px var(--primary-blue)}._rbgcpControlInput_jvk27_100:focus{box-shadow:0 0 0 1px var(--primary-blue)}._rbgcpInputLabel_jvk27_114{margin-top:.3rem;font-size:.8rem;font-weight:600;color:var(--primary-grey)}.color-input{font-size:.875rem;font-weight:700;flex:1}.color-input label{-webkit-user-select:none;user-select:none}.color-input button{margin-top:.125rem;border:1px solid var(--secondary-grey);border-radius:.313rem;height:1.75rem;width:100%;transition:.3s;cursor:pointer}.color-input button:hover{border:1px solid var(--primary-blue)}.color-input button:focus{outline:1px solid var(--primary-blue)}.canvas-properties-menu,.properties-menu{padding:1.25rem .625rem .625rem;width:200px}.properties-group{border-bottom:1px solid var(--secondary-grey);display:grid;gap:10px;padding-bottom:1.25rem;margin-bottom:10px}.properties-section-2-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem}.properties-section-3-columns{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem}.properties-section-4-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.5rem}.properties-section-5-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:.5rem}.properties-section-6-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:.5rem}.settings-group{flex-direction:column}.delete-button{background-color:var(--primary-red);-webkit-user-select:none;user-select:none}.delete-button:hover{background-color:var(--secondary-red)}.edit-button{width:1.25rem;margin-top:18px}.size-group-ratio{font-size:.875rem;font-weight:700;flex:1}.size-group-ratio label{-webkit-user-select:none;user-select:none}.ratio-lock-button{background-color:var(--primary-white);width:1.25rem;margin-top:1.125rem;transition:.3s}.ratio-lock-button:focus{outline:1px solid var(--primary-blue)}.ratio-lock-button:hover{border:1px solid var(--primary-blue)}.ratio-lock-button{margin-top:.125rem;border:1px solid var(--secondary-grey);border-radius:.313rem;width:100%;height:1.7rem;padding:.2rem .5rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.ratio-lock-button SVG{width:100%;height:100%}.string-input{font-size:.875rem;font-weight:700;flex:1}.string-input label{-webkit-user-select:none;user-select:none}.string-input input{margin-top:.125rem;border:1px solid var(--secondary-grey);border-radius:.313rem;font-size:.875rem;font-weight:400;padding:.313rem .5rem;width:100%;transition:.3s}.string-input input:hover{border:1px solid var(--primary-blue)}.string-input input:focus{outline:1px solid var(--primary-blue)}.drop-down-input-container{font-size:.875rem;font-weight:700;display:flex;flex-direction:column;position:relative;width:100%;-webkit-user-select:none;user-select:none;cursor:pointer}.drop-down-input__control{margin-top:.125rem;background-color:var(--primary-white);border:1px solid var(--secondary-grey);border-radius:.313rem;font-weight:400;padding:.188rem .5rem;width:100%;transition:.3s;cursor:pointer}.drop-down-input__control:hover{border:1px solid var(--primary-blue)}.drop-down-input__input-container{border-right:1px solid var(--secondary-grey);margin-right:.1rem;cursor:text}.drop-down-input__option{border-radius:.313rem;background-color:var(--primary-white);font-weight:400;padding:.344rem .5rem;transition:.3s}.drop-down-input__option--is-selected{background-color:var(--primary-white)}.drop-down-input__option--is-focused{box-shadow:0 0 0 1px var(--primary-blue) inset}.drop-down-input__menu{border-radius:.313rem;background-color:var(--primary-white);box-shadow:0 0 0 1px var(--secondary-grey)}.drop-down-input__indicator svg:hover{fill:var(--primary-blue)}.drop-down-input__noOptionsMessage{color:red}.state-drop-down-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:.5rem;--edit-button-width: 1.5rem;--edit-button-height: 1.938rem}.state-drop-down-edit-button{width:1.5rem;height:1.938rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.state-drop-down-edit-button SVG{width:100%;height:100%;margin-top:1rem}.drop-down-input{font-size:.875rem;font-weight:700;display:flex;flex-direction:column;position:relative;width:100%;-webkit-user-select:none;user-select:none}.drop-down-arrow{margin-top:auto;margin-bottom:auto;pointer-events:none;color:var(--secondarys-grey);font-size:.875rem}.drop-down-box{display:flex;justify-content:space-between;margin-top:.125rem;border:1px solid var(--secondary-grey);border-radius:.313rem;font-size:.875rem;font-weight:400;padding:.313rem .5rem;width:100%;transition:.3s}.options-container{position:absolute;width:100%;left:0;top:100%;background-color:var(--primary-white);border:1px solid var(--secondary-grey);border-radius:.313rem;max-height:125px;overflow-y:auto}.drop-down-option{padding:.313rem .5rem;transition:.3s;display:block}.drop-down-option:hover{box-shadow:0 0 0 1px var(--primary-blue) inset;border-radius:.313rem}.drop-down-box:hover{border-color:var(--primary-blue)}.second-right-menu-open{position:fixed;top:50px;right:277px;display:inline-block;width:auto;height:100vh;background-color:var(--primary-white);box-shadow:0 0 5px #00000080;padding:5px 10px 70px;overflow:auto;z-index:calc(var(--right-menu-index) - 5)}.second-right-menu-open .exit-button{display:none}.state-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem .75rem .5rem .3rem;font-size:.875rem;border:1px solid var(--secondary-grey);border-radius:.313rem}.state-row-drag-and-name-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:auto;gap:1rem}.state-row-drag-icon{width:.875rem;height:.875rem;display:flex;justify-content:center;align-items:center}.state-row-drag-icon SVG{width:.875rem;height:.875rem}.state-row-drag-icon SVG path{fill:var(--secondary-grey)}.state-row-button{width:1rem;height:1rem;display:flex;justify-content:center;align-items:center}.state-row-button svg{width:1rem;height:1rem}.alignment-icon{display:flex;justify-content:center;align-items:center;border-radius:5px;padding:.2rem;transition:.3s}.alignment-icon:hover{box-shadow:0 0 0 1px var(--primary-blue);cursor:pointer}.alignment-icon svg{stroke:var(--primary-grey);width:1rem;height:1rem}.number-slider{display:flex;flex-direction:column;align-items:center;gap:.313rem}.number-slider-label{display:none}.number-slider-number{margin-top:.125rem;border:1px solid var(--secondary-grey);border-radius:.313rem;font-size:.875rem;font-weight:400;padding:.313rem .5rem;width:100%;transition:.3s}.number-slider-number:hover{border:1px solid var(--primary-blue)}.number-slider-number:focus{outline:auto 5px var(--primary-blue)}.number-slider>input::-webkit-inner-spin-button,.number-slider>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-slider>[type=range i]{--active-color: var(--primary-blue);--hover-color: var(--third-blue);--inactive-color: var(--secondary-grey);--gap: 1px;--line-thickness: 5px;--thumb-size: 15px;--mixed-color: color-mix(in srgb, var(--active-color), var(--hover-color) var(--percentage, 0%));width:100%;height:var(--thumb-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;overflow:hidden}.number-slider>[type=range i]:focus-visible,.number-slider>[type=range i]:hover{--percentage: 50%}.number-slider>[type=range i]:active,.number-slider>[type=range i]:focus-visible{--border-thickness: var(--thumb-size)}.number-slider>input[type=range i]::-webkit-slider-thumb{height:var(--thumb-size);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 var(--border-thickness, var(--line-thickness)) inset var(--mixed-color);border-image:linear-gradient(90deg,var(--mixed-color) 50%,var(--secondary-blue) 0) 0 1 / calc(50% - var(--line-thickness)/2) 100vw / 0 calc(100vw + var(--gap));-webkit-appearance:none;transition:.3s}.number-slider>input[type=range]::-moz-range-thumb{height:var(--thumb-size);width:var(--thumb-size);background:none;border-radius:50%;box-shadow:0 0 0 var(--border-thickness, var(--line-thickness)) inset var(--mixed-color);border-image:linear-gradient(90deg,var(--mixed-color) 50%,var(--secondary-blue) 0) 0 1 / calc(50% - var(--line-thickness)/2) 100vw / 0 calc(100vw + var(--gap));-moz-appearance:none;transition:.3s}@supports not (color: color-mix(in srgb,red,red)){.number-slider>[type=range i]{--mixed-color: var(--active-color)}}.edit-state-right-menu-open{position:fixed;top:50px;right:277px;display:inline-block;width:auto;height:100vh;background-color:var(--primary-white);box-shadow:0 0 5px #00000080;padding:5px 10px 70px;overflow:auto;z-index:calc(var(--right-menu-index) - 5)}.edit-state-right-menu-open .exit-button{display:none}.edit-state-inner-menu{padding-top:1.25rem;width:200px}.states-list-container{margin-top:1.25rem}.state-row *{padding:0;margin:0}.state-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem .75rem .5rem .3rem;margin-top:.2rem;font-size:.875rem;border:1px solid var(--secondary-grey);border-radius:.313rem;transition:.3s}.state-row:hover{border:1px solid var(--primary-blue)}.state-row-editing{outline:1px solid var(--primary-blue)}.active-state:after{content:"Active";position:absolute;color:var(--secondary-grey);font-size:.75rem;transform:translate(340%)}.state-row-drag-and-name-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:auto;padding-left:.5rem;gap:.5rem}.states-list-container input{border:none;background:none;outline:none;font-family:inherit;font-size:.875rem;padding:0;margin:0;width:100%;height:100%}.error-message{margin:0;padding:0;position:relative;top:.1rem;left:.5rem;color:var(--primary-red);font-size:.6rem;font-style:inherit;font-family:inherit}.state-row-delete-button{width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.state-row-delete-button svg{width:1rem;height:1rem}.state-row-delete-button svg path{fill:var(--primary-red)}.edit-state-inner-menu .generic-button{margin-top:1rem}:root{--transition-speed: .3s;--primary-blue: #0e8397;--secondary-blue: #4ebfcb}.footer{grid-area:footer;height:30px;background-color:var(--primary-white);border-top:1px solid var(--primary-blue);box-shadow:0 0 5px #00000080;display:flex;align-items:center;z-index:var(--footer-index);-webkit-user-select:none;user-select:none}.zoom-slider{position:absolute;right:10%;display:flex;align-items:center;gap:10px}.zoom-slider .number-input{display:none}.reset-button{background-color:var(--primary-blue);color:var(--primary-white);border:none;border-radius:5px;padding:4px 10px;font-family:Inter,sans-serif;font-size:.8rem;cursor:pointer;transition:var(--transition-speed)}.reset-button:hover{background-color:var(--secondary-blue)}.zoom-icon:hover{fill:var(--secondary-blue);transition:var(--transition-speed)}.zoom-icon{fill:var(--primary-blue);transition:var(--transition-speed)}.zoom-slider>.number-slider-number{display:none}.context-menu-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem;border-radius:4px;transition:.3s}.context-menu-item:hover{box-shadow:0 0 0 1px var(--primary-blue)}.context-menu-item-left-container{display:flex;gap:.5rem;align-items:center}.context-menu-item-icon{display:flex;align-items:center}.context-menu-item-icon svg{width:1.2rem;height:1.2rem}.context-menu-item-extra-icon{display:flex;align-items:center;margin:0 .2rem}.context-menu-item-extra-icon svg{width:.8rem;height:.8rem}.context-menu-item-hotkey{font-size:.6rem;color:var(--primary-grey);padding:.2rem;box-shadow:0 0 0 1px var(--third-grey)}.context-menu{width:260px;height:auto;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 5px #0000004d}.selectable-object:hover{outline:1px solid var(--secondary-blue)}.selected-object{outline:2px solid var(--secondary-blue)}.selection-click-through{pointer-events:none}.selection-box{position:absolute;border:2px dotted var(--primary-blue);background-color:#0e83970d}.selection-box-selected-object{outline:1px solid var(--secondary-blue)}.canvas{position:relative;box-shadow:1px 1px 10px #0000004d;background-color:var(--primary-white)}.workspace-container{background-color:var(--third-grey);width:100%;height:100%;overflow:scroll}.workspace{position:relative;background-size:calc(50px * var(--zoom-level)) calc(50px * var(--zoom-level));background-image:linear-gradient(to right,var(--secondary-grey) 1px,transparent 1px),linear-gradient(to bottom,var(--secondary-grey) 1px,transparent 1px)}.main-app-container{display:grid;height:100vh;width:100vw;grid-template-rows:auto auto 1fr auto;transition:.3s}.default-grid{grid-template-areas:"header header header" "left-menu alert-message right-menu" "left-menu temp-workspace right-menu" "left-menu footer right-menu";grid-template-columns:auto 1fr auto}.single-right-menu{grid-template-areas:"header header header header" "left-menu alert-message right-menu-open-1 right-menu" "left-menu temp-workspace right-menu-open-1 right-menu" "left-menu footer footer right-menu";grid-template-columns:auto 1fr auto auto}.double-right-menu{grid-template-areas:"header header header header header" "left-menu alert-message right-menu-open-2 right-menu-open-1 right-menu" "left-menu temp-workspace right-menu-open-2 right-menu-open-1 right-menu" "left-menu footer footer footer right-menu";grid-template-columns:auto 1fr auto auto auto}.single-left-menu{grid-template-areas:"header header header header" "left-menu left-menu-open-1 alert-message right-menu" "left-menu left-menu-open-1 temp-workspace right-menu" "left-menu footer footer right-menu";grid-template-columns:auto auto 1fr auto}.double-left-menu{grid-template-areas:"header header header header header" "left-menu left-menu-open-1 left-menu-open-2 alert-message right-menu" "left-menu left-menu-open-1 left-menu-open-2 temp-workspace right-menu" "left-menu footer footer footer right-menu";grid-template-columns:auto auto auto 1fr auto}.temp-workspace{background-color:var(--secondary-grey)}:root{--primary-blue: #0e8397;--secondary-blue: #04c4d4;--third-blue: #0b4b56;--primary-grey: #333333;--secondary-grey: #9b9b9b;--third-grey: #e0e0e0;--primary-white: #ffffff;--secondary-white: #f5f5f5;--primary-red: #b24c63;--secondary-red: #cd909d;--third-red: #5a1c2b;--primary-yellow: #fca311;--secondary-yellow: #f8dca4;--third-yellow: #aa6b05;--color-popover-index: 20000;--header-index: 10000;--alert-index: 6000;--right-menu-index: 8000;--left-menu-index: 7000;--footer-index: 9000;--zoom-level: 1;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;color:var(--primary-grey);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--primary-white)}::-webkit-scrollbar-thumb{background:var(--secondary-grey);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:var(--primary-grey)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(50%);clip:rect(0 0 0 0);overflow:hidden}h3{margin:0;font-size:.875;font-weight:700;color:var(--primary-blue);text-align:center;-webkit-user-select:none;user-select:none}button{padding:0;border:0;background:none;box-shadow:none}button:focus{outline:1px solid var(--primary-blue)}input{color:(var(--primary-grey))}