.schemadraw .ToolIcon{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.schemadraw .ToolIcon__hidden{display:none!important}.schemadraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon,.schemadraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon{--icon-fill-color:var(--color-on-primary-container)}.schemadraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg,.schemadraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon svg{fill:var(--icon-fill-color)}.schemadraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon,.schemadraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon{--keybinding-color:var(--color-on-primary-container);background:var(--color-surface-primary-container)}.schemadraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg,.schemadraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon svg{color:var(--color-on-primary-container)}.schemadraw .ToolIcon .ToolIcon__keybinding{bottom:4px;right:4px}.schemadraw .ToolIcon .ToolIcon__icon:hover{background:var(--button-hover-bg)}.schemadraw .ToolIcon .ToolIcon__icon:active{background:var(--button-hover-bg);border:1px solid var(--button-active-border)}.schemadraw .ToolIcon .ToolIcon__icon:active svg{color:var(--color-on-primary-container)}.schemadraw .ToolIcon--plain{background-color:transparent}.schemadraw .ToolIcon--plain .ToolIcon__icon{height:2rem;width:2rem}.schemadraw .ToolIcon_type_checkbox,.schemadraw .ToolIcon_type_radio{opacity:0;pointer-events:none;position:absolute}.schemadraw .ToolIcon__icon{align-items:center;border-radius:var(--border-radius-lg);box-sizing:border-box;color:var(--icon-fill-color);display:flex;height:var(--default-button-size);justify-content:center;width:var(--default-button-size)}.schemadraw .ToolIcon__icon+.ToolIcon__label{-webkit-margin-start:0;margin-inline-start:0}.schemadraw .ToolIcon__icon svg{color:var(--icon-fill-color);height:var(--default-icon-size);position:relative;width:var(--default-icon-size)}.schemadraw .ToolIcon__label{align-items:center;color:var(--icon-fill-color);display:flex;font-family:var(--ui-font);margin:0 .8em;text-overflow:ellipsis}.schemadraw .ToolIcon__label .Spinner{margin-left:.6em}.schemadraw .ToolIcon_size_small .ToolIcon__icon{font-size:.8em;height:2rem;width:2rem}.schemadraw .Modal .ToolIcon_type_button,.schemadraw .ToolIcon_type_button{background-color:initial;border:none;font-size:inherit;margin:0;padding:0}.schemadraw .Modal .ToolIcon_type_button:focus-visible,.schemadraw .ToolIcon_type_button:focus-visible{box-shadow:0 0 0 2px var(--focus-highlight-color)}.schemadraw .Modal .ToolIcon_type_button.ToolIcon--selected,.schemadraw .ToolIcon_type_button.ToolIcon--selected{background-color:var(--button-gray-2)}.schemadraw .Modal .ToolIcon_type_button.ToolIcon--selected:active,.schemadraw .Modal .ToolIcon_type_button:active,.schemadraw .ToolIcon_type_button.ToolIcon--selected:active,.schemadraw .ToolIcon_type_button:active{background-color:var(--button-gray-3)}.schemadraw .Modal .ToolIcon_type_button:disabled,.schemadraw .ToolIcon_type_button:disabled{cursor:default}.schemadraw .Modal .ToolIcon_type_button:disabled:active,.schemadraw .Modal .ToolIcon_type_button:disabled:focus-visible,.schemadraw .Modal .ToolIcon_type_button:disabled:hover,.schemadraw .ToolIcon_type_button:disabled:active,.schemadraw .ToolIcon_type_button:disabled:focus-visible,.schemadraw .ToolIcon_type_button:disabled:hover{background-color:initial;border:none;box-shadow:none}.schemadraw .Modal .ToolIcon_type_button:disabled svg,.schemadraw .ToolIcon_type_button:disabled svg{color:var(--color-disabled)}.schemadraw .Modal .ToolIcon_type_button--show,.schemadraw .ToolIcon_type_button--show{visibility:visible}.schemadraw .Modal .ToolIcon_type_button--hide,.schemadraw .ToolIcon_type_button--hide{display:none!important}.schemadraw .ToolIcon_type_floating,.schemadraw .ToolIcon_type_floating:active,.schemadraw .ToolIcon_type_floating:hover{background-color:transparent}.schemadraw .ToolIcon_type_floating .ToolIcon__icon{background-color:var(--button-gray-1);height:2rem;width:2rem}.schemadraw .ToolIcon_type_floating .ToolIcon__icon:hover{background-color:var(--button-gray-2)}.schemadraw .ToolIcon_type_floating .ToolIcon__icon:active{background-color:var(--button-gray-3)}.schemadraw .ToolIcon__keybinding{bottom:2px;color:var(--keybinding-color);font-family:var(--ui-font);font-size:.625rem;position:absolute;right:3px;-webkit-user-select:none;user-select:none}:root[dir=ltr] .schemadraw .unlocked-icon{left:2px}:root[dir=rtl] .schemadraw .unlocked-icon{right:2px}.schemadraw .App-toolbar-container .ToolIcon__icon{height:var(--lg-button-size);width:var(--lg-button-size)}@media screen and (max-width:450px){.schemadraw .App-toolbar-container .ToolIcon__icon{height:1.8rem;width:1.8rem}}@media screen and (max-width:379px){.schemadraw .App-toolbar-container .ToolIcon__icon{height:1.5rem;width:1.5rem}}.schemadraw .App-toolbar-container .ToolIcon__icon svg{height:var(--lg-icon-size);width:var(--lg-icon-size)}.schemadraw .App-toolbar-container .ToolIcon__LaserPointer .ToolIcon__icon,.schemadraw .App-toolbar-container .ToolIcon__MagicButton .ToolIcon__icon{height:var(--default-button-size);width:var(--default-button-size)}.schemadraw .Spinner{--spinner-color:var(--icon-fill-color);align-items:center;display:flex;height:100%;justify-content:center;margin-left:auto;margin-right:auto}.schemadraw .Spinner svg{-webkit-animation:rotate 1.6s linear infinite;animation:rotate 1.6s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.schemadraw .Spinner circle{stroke:var(--spinner-color);stroke-linecap:round;-webkit-animation:dash 1.6s linear 0s infinite;animation:dash 1.6s linear 0s infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,300;stroke-dashoffset:0}50%{stroke-dasharray:150,300;stroke-dashoffset:-200}to{stroke-dasharray:1,300;stroke-dashoffset:-280}}@keyframes dash{0%{stroke-dasharray:1,300;stroke-dashoffset:0}50%{stroke-dasharray:150,300;stroke-dashoffset:-200}to{stroke-dasharray:1,300;stroke-dashoffset:-280}}.schemadraw .schemadraw-eye-dropper-backdrop,.schemadraw .schemadraw-eye-dropper-container{height:100%;position:absolute;touch-action:none;width:100%;z-index:var(--zIndex-eyeDropperBackdrop)}.schemadraw .schemadraw-eye-dropper-container{pointer-events:none}.schemadraw .schemadraw-eye-dropper-backdrop{pointer-events:all}.schemadraw .schemadraw-eye-dropper-preview{border:1px solid var(--default-border-color);border-radius:1rem;-webkit-filter:var(--theme-filter);filter:var(--theme-filter);height:3rem;pointer-events:none;position:fixed;width:3rem;z-index:var(--zIndex-eyeDropperPreview)}.schemadraw .schemadraw-eye-dropper-trigger{border-radius:.5rem;color:var(--icon-fill-color);cursor:pointer;height:1.25rem;margin-left:-2px;margin-right:-4px;padding:4px;width:1.25rem}.schemadraw .schemadraw-eye-dropper-trigger:hover{background:var(--button-hover-bg)}.schemadraw .schemadraw-eye-dropper-trigger.selected{background:var(--color-primary-light);color:var(--color-primary)}.schemadraw .focus-visible-none:focus-visible{outline:none!important}.schemadraw .color-picker__heading{font-size:.75rem;padding:0 .5rem;text-align:left}.schemadraw .color-picker-container{align-items:center;display:grid;grid-template-columns:1fr 20px 1.625rem;padding:.25rem 0}.schemadraw--mobile.schemadraw .color-picker-container{max-width:175px}.schemadraw .color-picker__top-picks{display:flex;justify-content:space-between}.schemadraw .color-picker__button{--radius:0.25rem;background-color:var(--swatch-color);background-position:0;border:1px solid var(--color-gray-30);border-radius:var(--radius);box-sizing:border-box;-webkit-filter:var(--theme-filter);filter:var(--theme-filter);font-family:inherit;height:1.35rem;margin:0;padding:0;position:relative;width:1.35rem}.schemadraw .color-picker__button:hover:after{box-shadow:0 0 0 1px var(--color-gray-30);content:""}.schemadraw .color-picker__button.active .color-picker__button-outline,.schemadraw .color-picker__button:hover:after{border-radius:calc(var(--radius) + 1px);bottom:-2px;-webkit-filter:var(--theme-filter);filter:var(--theme-filter);left:-2px;position:absolute;right:-2px;top:-2px}.schemadraw .color-picker__button.active .color-picker__button-outline{box-shadow:0 0 0 1px var(--color-primary-darkest);z-index:1}.schemadraw .color-picker__button:focus-visible{outline:none}.schemadraw .color-picker__button:focus-visible:after{border:3px solid var(--focus-highlight-color);border-radius:calc(var(--radius) + 1px);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}.schemadraw .color-picker__button:focus-visible.active .color-picker__button-outline{display:none}.schemadraw .color-picker__button--large{--radius:0.5rem;height:1.875rem;width:1.875rem}.schemadraw .color-picker__button.is-transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==)}.schemadraw .color-picker__button--no-focus-visible{border:0}.schemadraw .color-picker__button--no-focus-visible:after{display:none}.schemadraw .color-picker__button--no-focus-visible:focus-visible{outline:none!important}.schemadraw .color-picker__button.active-color{border-radius:calc(var(--radius) + 1px);height:1.625rem;width:1.625rem}.schemadraw .color-picker__button__hotkey-label{bottom:4px;-webkit-filter:none;filter:none;font-size:11px;position:absolute;right:4px}.schemadraw .color-picker{background:var(--popup-bg-color);border:0 solid hsla(0,0%,100%,.25);border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.25);position:absolute}:root[dir=ltr] .schemadraw .color-picker{left:-5.5px}:root[dir=rtl] .schemadraw .color-picker{right:-5.5px}.schemadraw .color-picker-control-container{grid-column-gap:.5rem;align-items:center;-webkit-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:auto 1fr}.schemadraw .color-picker-control-container+.popover{position:static}.schemadraw .color-picker-popover-container{margin-top:-.25rem}:root[dir=ltr] .schemadraw .color-picker-popover-container{margin-left:.5rem}:root[dir=rtl] .schemadraw .color-picker-popover-container{margin-left:-3rem}.schemadraw .color-picker-triangle{border-color:transparent transparent var(--popup-bg-color);border-style:solid;border-width:0 9px 10px;height:0;position:absolute;top:10px;width:0}:root[dir=ltr] .schemadraw .color-picker-triangle{left:-14px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}:root[dir=rtl] .schemadraw .color-picker-triangle{right:-14px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.schemadraw .color-picker-triangle-shadow{border-color:transparent transparent rgba(0,0,0,.1)}:root[dir=ltr] .schemadraw .color-picker-triangle-shadow{left:-14px}:root[dir=rtl] .schemadraw .color-picker-triangle-shadow{right:-16px}.schemadraw .color-picker-content{display:flex;flex-direction:column;gap:.75rem;outline:none}.schemadraw .color-picker-content--default{grid-gap:.25rem;border-radius:4px;display:grid;grid-template-columns:repeat(5,1.875rem);padding:.5rem}.schemadraw .color-picker-content--default:focus{box-shadow:0 0 0 2px var(--focus-highlight-color);outline:none}.schemadraw .color-picker-content--canvas{display:flex;flex-direction:column;padding:.25rem}.schemadraw .color-picker-content--canvas-title{color:#868e96;font-size:12px;padding:0 .25rem}.schemadraw .color-picker-content--canvas-colors{padding:.5rem 0}.schemadraw .color-picker-content--canvas-colors .color-picker-swatch{margin:0 .25rem}.schemadraw .color-picker-content .color-input-container{grid-column:1/span 5}.schemadraw .color-picker-swatch{background-color:currentColor!important;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;-webkit-filter:var(--theme-filter);filter:var(--theme-filter);height:1.875rem;margin:0;position:relative;width:1.875rem}.schemadraw .color-picker-swatch:focus{border-color:var(--select-highlight-color);box-shadow:0 0 4px 1px currentColor}.schemadraw .color-picker-transparent{border-radius:4px;bottom:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);left:0;position:absolute;right:0;top:0}.schemadraw .color-picker-label-swatch,.schemadraw .color-picker-transparent{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) 0}.schemadraw .color-picker-hash{align-items:center;border:1px solid var(--default-border-color);border-right:0;box-sizing:border-box;color:var(--input-label-color);display:flex;flex-shrink:0;height:var(--default-button-size);justify-content:center;padding:.5rem .5rem .5rem .75rem;position:relative}:root[dir=ltr] .schemadraw .color-picker-hash{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}:root[dir=rtl] .schemadraw .color-picker-hash{border-left:0;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-right:1px solid var(--default-border-color)}.schemadraw .color-input-container{display:flex}.schemadraw .color-input-container:focus-within{border-radius:var(--border-radius-lg);box-shadow:0 0 0 1px var(--color-primary-darkest)}.schemadraw .color-picker__input-label{grid-gap:8px;align-items:center;border:1px solid var(--default-border-color);border-radius:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:auto 1fr auto auto;margin:8px;padding:0 12px}.schemadraw .color-picker__input-label:focus-within{border-radius:var(--border-radius-lg);box-shadow:0 0 0 1px var(--color-primary-darkest)}.schemadraw .color-picker__input-hash{padding:0 .25rem}.schemadraw .color-picker-input{-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border:1px solid var(--default-border-color);border-left:0;box-sizing:border-box;color:var(--text-primary-color);font-family:inherit;font-size:.875rem;height:var(--default-button-size);letter-spacing:.4px;margin:0;outline:none;padding:.5rem .5rem .5rem .25rem;width:100%}:root[dir=ltr] .schemadraw .color-picker-input{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}:root[dir=rtl] .schemadraw .color-picker-input{border-left:1px solid var(--default-border-color);border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);border-right:0}.schemadraw .color-picker-input:focus-visible{box-shadow:none}.schemadraw .color-picker-label-swatch-container{border:1px solid var(--default-border-color)}.schemadraw .color-picker-label-swatch,.schemadraw .color-picker-label-swatch-container{border-radius:var(--border-radius-lg);box-sizing:border-box;height:var(--default-button-size);overflow:hidden;width:var(--default-button-size)}.schemadraw .color-picker-label-swatch{align-items:center;background-color:var(--island-bg-color);background-color:var(--button-bg,var(--island-bg-color));background-color:var(--swatch-color)!important;border-color:var(--button-border,var(--default-border-color));border-style:solid;border-width:1px;border:0!important;color:var(--color-on-surface);color:var(--button-color,var(--color-on-surface));cursor:pointer;display:flex;-webkit-filter:var(--theme-filter);filter:var(--theme-filter);font-family:var(--ui-font);height:var(--button-height,var(--default-button-size));justify-content:center;padding:.625rem;position:relative;width:var(--button-width,var(--default-button-size))}.schemadraw .color-picker-label-swatch svg{height:var(--lg-icon-size);height:var(--button-height,var(--lg-icon-size));width:var(--lg-icon-size);width:var(--button-width,var(--lg-icon-size))}.schemadraw .color-picker-label-swatch:hover{background-color:var(--island-bg-color);background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:inherit;color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.schemadraw .color-picker-label-swatch:active{background-color:var(--island-bg-color);background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.schemadraw .color-picker-label-swatch.active{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.schemadraw .color-picker-label-swatch.active:hover{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.schemadraw .color-picker-label-swatch.active svg{color:var(--color-on-primary-container);color:var(--button-color,var(--color-on-primary-container))}.schemadraw .color-picker-label-swatch:after{background:var(--swatch-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.schemadraw .color-picker-keybinding{bottom:2px;font-size:.7em;position:absolute}:root[dir=ltr] .schemadraw .color-picker-keybinding{right:2px}:root[dir=rtl] .schemadraw .color-picker-keybinding{left:2px}.schemadraw--mobile.schemadraw .color-picker-keybinding{display:none}.schemadraw .color-picker-type-canvasBackground .color-picker-keybinding{color:#aaa}.schemadraw .color-picker-type-elementBackground .color-picker-keybinding{color:#fff}.schemadraw .color-picker-swatch[aria-label=transparent] .color-picker-keybinding{color:#aaa}.schemadraw .color-picker-type-elementStroke .color-picker-keybinding{color:#d4d4d4}.schemadraw.theme--dark .color-picker-swatch[aria-label=transparent] .color-picker-keybinding,.schemadraw.theme--dark .color-picker-type-elementBackground .color-picker-keybinding{color:#000}.schemadraw .popover{padding:5px 0;position:absolute;z-index:10}.schemadraw .picker-container{box-sizing:border-box;display:inline-block;margin-right:.25rem}.schemadraw .picker{background:var(--popup-bg-color);border:0 solid hsla(0,0%,100%,.25);border-radius:4px;box-shadow:2px 2px 4px 2px rgba(0,0,0,.25);position:absolute}.schemadraw .picker button,.schemadraw .picker-container button{align-items:center;display:flex;justify-content:center;position:relative}.schemadraw .picker button:focus-visible,.schemadraw .picker-container button:focus-visible{background-color:var(--button-gray-2);outline:transparent}.schemadraw .picker button:focus-visible svg,.schemadraw .picker-container button:focus-visible svg{opacity:1}.schemadraw .picker button:hover,.schemadraw .picker-container button:hover{background-color:var(--button-gray-2)}.schemadraw .picker button:active,.schemadraw .picker-container button:active{background-color:var(--button-gray-3)}.schemadraw .picker button:disabled,.schemadraw .picker-container button:disabled{cursor:not-allowed}.schemadraw .picker button svg,.schemadraw .picker-container button svg{height:18px;margin:0;pointer-events:none;width:36px}.schemadraw .picker button{padding:.25rem .28rem .35rem .25rem}.schemadraw .picker-triangle{height:0;position:relative;top:-10px;width:0;z-index:10}:root[dir=ltr] .schemadraw .picker-triangle{left:12px}:root[dir=rtl] .schemadraw .picker-triangle{right:12px}.schemadraw .picker-triangle:before{border-color:transparent transparent rgba(0,0,0,.1);top:-1px}.schemadraw .picker-triangle:after,.schemadraw .picker-triangle:before{border-style:solid;border-width:0 9px 10px;content:"";position:absolute}.schemadraw .picker-triangle:after{border-color:transparent transparent var(--popup-bg-color)}.schemadraw .picker-content{grid-gap:.5rem;border-radius:4px;display:grid;grid-template-columns:repeat(3,auto);padding:.5rem}:root[dir=rtl] .schemadraw .picker-content{padding:.4rem}.schemadraw .picker-keybinding{bottom:2px;color:var(--keybinding-color);font-size:.7em;position:absolute}:root[dir=ltr] .schemadraw .picker-keybinding{right:2px}:root[dir=rtl] .schemadraw .picker-keybinding{left:2px}.schemadraw--mobile.schemadraw .picker-keybinding{display:none}.schemadraw .picker-type-canvasBackground .picker-keybinding{color:#aaa}.schemadraw .picker-type-elementBackground .picker-keybinding{color:#fff}.schemadraw .picker-swatch[aria-label=transparent] .picker-keybinding{color:#aaa}.schemadraw .picker-type-elementStroke .picker-keybinding{color:#d4d4d4}.schemadraw.theme--dark .picker-swatch[aria-label=transparent] .picker-keybinding,.schemadraw.theme--dark .picker-type-elementBackground .picker-keybinding{color:#000}.schemadraw-tooltip{word-wrap:break-word;background:#000;border-radius:6px;box-sizing:border-box;color:#fff;display:none;font-size:13px;font-weight:500;line-height:1.5;padding:8px;pointer-events:none;position:fixed;text-align:center;z-index:1000}.schemadraw-tooltip.schemadraw-tooltip--visible{display:block}.schemadraw-tooltip-wrapper{display:flex}.schemadraw-tooltip-icon{display:flex;height:.9em;margin-left:5px;margin-top:1px;width:.9em}.schemadraw--mobile.schemadraw-tooltip-icon{display:none}.schemadraw .TextInput{display:inline-block}.ProjectName{align-items:center;display:flex;margin:auto}.ProjectName .TextInput{height:calc(1rem - 3px);margin-left:8px;overflow:hidden;text-align:center;text-overflow:ellipsis;width:200px}.ProjectName .TextInput--readonly{background:none;border:none;max-width:200px;padding-left:2px;width:auto}.ProjectName .TextInput--readonly:hover{background:none}.schemadraw .Checkbox{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;cursor:pointer;display:flex;margin:4px .3em;-webkit-user-select:none;user-select:none}.schemadraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus){box-shadow:0 0 0 2px #4dabf7}.schemadraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus) svg{display:block;opacity:.3}.schemadraw .Checkbox:active .Checkbox-box{box-shadow:inset 0 0 2px 1px #1c7ed6!important}.schemadraw .Checkbox:hover .Checkbox-box{background-color:rgba(208,235,255,.2)}.schemadraw .Checkbox.is-checked .Checkbox-box{background-color:#d0ebff}.schemadraw .Checkbox.is-checked .Checkbox-box svg{display:block}.schemadraw .Checkbox.is-checked:hover .Checkbox-box{background-color:#a5d8ff}.schemadraw .Checkbox .Checkbox-box{align-items:center;background-color:transparent;border:0;border-radius:4px;box-shadow:0 0 0 2px #1c7ed6;color:#1c7ed6;display:flex;flex:0 0 auto;height:22px;justify-content:center;margin:0 1em;padding:0;width:22px}.schemadraw .Checkbox .Checkbox-box:focus{box-shadow:0 0 0 3px #1c7ed6}.schemadraw .Checkbox .Checkbox-box svg{stroke-width:3px;display:none;height:16px;width:16px}.schemadraw .Checkbox .Checkbox-label{align-items:center;display:flex}.schemadraw .Checkbox .schemadraw-tooltip-icon{height:1em;width:1em}.schemadraw .Avatar{align-items:center;border-radius:100%;color:#fff;cursor:pointer;display:flex;font-size:.625rem;font-weight:500;height:1.25rem;justify-content:center;line-height:1;outline-offset:2px;position:relative;width:1.25rem}.schemadraw .Avatar-img{border-radius:100%;height:100%;width:100%}.schemadraw .Avatar:before{border:1px solid var(--avatar-border-color);border-radius:100%;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}.schemadraw-hyperlinkContainer{align-items:center;background:var(--island-bg-color);border-radius:var(--border-radius-md);box-shadow:0 2px 4px 0 rgba(0,0,0,.3);box-sizing:border-box;display:flex;justify-content:space-between;min-height:42px;position:absolute;z-index:var(--zIndex-hyperlinkContainer)}.schemadraw-hyperlinkContainer button,.schemadraw-hyperlinkContainer-input{z-index:100}.schemadraw-hyperlinkContainer-input,.schemadraw-hyperlinkContainer-link{font-family:var(--ui-font);font-size:.9rem;font-weight:500;height:24px;line-height:24px;padding:0 8px}.schemadraw-hyperlinkContainer-input{background-color:transparent;border:none;box-shadow:none!important;color:var(--text-primary-color);outline:none;width:18rem}.schemadraw-hyperlinkContainer-link{max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schemadraw-hyperlinkContainer button{background-color:transparent!important;color:#228be6;font-weight:500}.schemadraw-hyperlinkContainer button.schemadraw-hyperlinkContainer--remove{color:#c92a2a}.schemadraw-hyperlinkContainer--remove .ToolIcon__icon svg{color:#fa5252}.schemadraw-hyperlinkContainer .ToolIcon__icon{height:2rem;width:2rem}.schemadraw-hyperlinkContainer__buttons{flex:0 0 auto}.schemadraw{--ExcTextField--color:var(--color-on-surface);--ExcTextField--label-color:var(--color-on-surface);--ExcTextField--background:transparent;--ExcTextField--readonly--background:var(--color-surface-high);--ExcTextField--readonly--color:var(--color-on-surface);--ExcTextField--border:var(--color-border-outline);--ExcTextField--readonly--border:var(--color-border-outline-variant);--ExcTextField--border-hover:var(--color-brand-hover);--ExcTextField--border-active:var(--color-brand-active);--ExcTextField--placeholder:var(--color-border-outline-variant)}.schemadraw .ExcTextField--fullWidth{flex-grow:1;width:100%}.schemadraw .ExcTextField__label{color:var(--ExcTextField--label-color);font-family:Assistant;font-size:.875rem;font-style:normal;font-weight:600;line-height:150%;margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.schemadraw .ExcTextField__input{align-items:center;background:var(--ExcTextField--background);border:1px solid var(--ExcTextField--border);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:row;height:3rem;padding:0 1rem}.schemadraw .ExcTextField__input:not(.schemadraw .ExcTextField__input--readonly):hover{border-color:var(--ExcTextField--border-hover)}.schemadraw .ExcTextField__input:not(.schemadraw .ExcTextField__input--readonly):active,.schemadraw .ExcTextField__input:not(.schemadraw .ExcTextField__input--readonly):focus-within{border-color:var(--ExcTextField--border-active)}.schemadraw .ExcTextField__input input{align-items:center;background:transparent;border:none;color:var(--ExcTextField--color);display:flex;font-family:Assistant;font-size:1rem;font-style:normal;font-weight:400;height:1.5rem;line-height:150%;margin:0;outline:none;padding:0;text-overflow:ellipsis;width:100%}.schemadraw .ExcTextField__input input::-webkit-input-placeholder{color:var(--ExcTextField--placeholder)}.schemadraw .ExcTextField__input input::placeholder{color:var(--ExcTextField--placeholder)}.schemadraw .ExcTextField__input input:not(:focus):hover{background-color:initial}.schemadraw .ExcTextField__input input:focus{box-shadow:none;outline:medium none invert;outline:initial}.schemadraw .ExcTextField__input--readonly{background:var(--ExcTextField--readonly--background);border-color:var(--ExcTextField--readonly--border)}.schemadraw .ExcTextField__input--readonly input{color:var(--ExcTextField--readonly--color)}.schemadraw .schemadraw-button{align-items:center;background-color:var(--island-bg-color);background-color:var(--button-bg,var(--island-bg-color));border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--color-on-surface);color:var(--button-color,var(--color-on-surface));cursor:pointer;display:flex;font-family:var(--ui-font);height:var(--default-button-size);height:var(--button-height,var(--default-button-size));justify-content:center;padding:.625rem;width:var(--default-button-size);width:var(--button-width,var(--default-button-size))}.schemadraw .schemadraw-button svg{height:var(--lg-icon-size);height:var(--button-height,var(--lg-icon-size));width:var(--lg-icon-size);width:var(--button-width,var(--lg-icon-size))}.schemadraw .schemadraw-button:hover{background-color:var(--island-bg-color);background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:inherit;color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.schemadraw .schemadraw-button:active{background-color:var(--island-bg-color);background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.schemadraw .schemadraw-button.active{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.schemadraw .schemadraw-button.active:hover{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.schemadraw .schemadraw-button.active svg{color:var(--color-on-primary-container);color:var(--button-color,var(--color-on-primary-container))}.schemadraw .Stack{--gap:0;grid-gap:calc(var(--space-factor)*var(--gap));display:grid;gap:calc(var(--space-factor)*var(--gap))}.schemadraw .Stack_vertical{grid-auto-flow:row;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:auto}.schemadraw .Stack_horizontal{grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-auto-flow:column;grid-template-rows:auto}.undo-redo-buttons,.zoom-actions{background-color:var(--island-bg-color);border-radius:var(--border-radius-lg)}.undo-redo-buttons button,.zoom-button{background-color:transparent!important;border:1px solid var(--default-border-color)!important;border-radius:0!important;font-size:.875rem!important;height:var(--lg-button-size);width:var(--lg-button-size)}.undo-redo-buttons button svg,.zoom-button svg{height:var(--lg-icon-size)!important;width:var(--lg-icon-size)!important}.undo-redo-buttons button .ToolIcon__icon,.zoom-button .ToolIcon__icon{height:100%;width:100%}.reset-zoom-button{border-left:0!important;border-right:0!important;color:var(--text-primary-color);justify-content:center;padding:0 .625rem!important;width:3.75rem!important}.zoom-out-button{border-bottom-left-radius:var(--border-radius-lg)!important;border-top-left-radius:var(--border-radius-lg)!important}:root[dir=rtl] .zoom-out-button{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.zoom-out-button .ToolIcon__icon{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.zoom-in-button{border-bottom-right-radius:var(--border-radius-lg)!important;border-top-right-radius:var(--border-radius-lg)!important}:root[dir=rtl] .zoom-in-button{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.zoom-in-button .ToolIcon__icon{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.undo-redo-buttons .undo-button-container button{border-bottom-left-radius:var(--border-radius-lg)!important;border-right:0!important;border-top-left-radius:var(--border-radius-lg)!important}:root[dir=rtl] .undo-redo-buttons .undo-button-container button{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.undo-redo-buttons .undo-button-container button .ToolIcon__icon{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.undo-redo-buttons .redo-button-container button{border-bottom-right-radius:var(--border-radius-lg)!important;border-top-right-radius:var(--border-radius-lg)!important}:root[dir=rtl] .undo-redo-buttons .redo-button-container button{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.undo-redo-buttons .redo-button-container button .ToolIcon__icon{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.schemadraw .Island{--padding:0;background-color:var(--island-bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-island);box-sizing:border-box;padding:calc(var(--padding)*var(--space-factor));position:relative;transition:box-shadow .5s ease-in-out}.schemadraw .Island.zen-mode{box-shadow:none}.schemadraw .dropdown-menu{margin-top:.25rem;position:absolute;top:100%}.schemadraw .dropdown-menu--mobile{left:0;row-gap:.75rem;width:100%}.schemadraw .dropdown-menu--mobile .dropdown-menu-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-island);box-sizing:border-box;padding:8px;position:relative;transition:box-shadow .5s ease-in-out}.schemadraw .dropdown-menu--mobile .dropdown-menu-container.zen-mode{box-shadow:none}.schemadraw .dropdown-menu .dropdown-menu-container{--gap:2;background-color:var(--island-bg-color);max-height:calc(100vh - 150px);overflow-y:auto}.schemadraw .dropdown-menu .dropdown-menu-item-base{box-sizing:border-box;color:var(--color-on-surface);-webkit-column-gap:.625rem;column-gap:.625rem;display:flex;font-family:inherit;font-size:.875rem;font-weight:400;padding:0 .625rem;width:100%}.schemadraw .dropdown-menu .dropdown-menu-item{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;height:2rem}@media screen and (min-width:1921px){.schemadraw .dropdown-menu .dropdown-menu-item{height:2.25rem}}.schemadraw .dropdown-menu .dropdown-menu-item--selected{--icon-fill-color:var(--color-primary-darker);background:var(--color-primary-light)}.schemadraw .dropdown-menu .dropdown-menu-item__text{align-items:center;display:flex;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.schemadraw .dropdown-menu .dropdown-menu-item__shortcut{-webkit-margin-start:auto;margin-inline-start:auto;opacity:.5}.schemadraw .dropdown-menu .dropdown-menu-item:hover{background-color:var(--button-hover-bg);text-decoration:none}.schemadraw .dropdown-menu .dropdown-menu-item:active{background-color:var(--button-hover-bg);border-color:var(--color-brand-active)}.schemadraw .dropdown-menu .dropdown-menu-item svg{display:block;height:1rem;width:1rem}.schemadraw .dropdown-menu .dropdown-menu-item-custom{margin-top:.5rem}.schemadraw .dropdown-menu .dropdown-menu-group-title{font-size:14px;font-weight:500;margin:10px 0;text-align:left}.schemadraw .position_left{left:0}.schemadraw .position_right{right:0}.schemadraw .dropdown-menu-button{align-items:center;background-color:var(--island-bg-color);background-color:var(--button-bg,var(--island-bg-color));background-color:var(--background);border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--color-on-surface);color:var(--button-color,var(--color-on-surface));cursor:pointer;display:flex;font-family:var(--ui-font);height:var(--default-button-size);height:var(--button-height,var(--default-button-size));height:var(--lg-button-size);justify-content:center;padding:.625rem;width:var(--default-button-size);width:var(--button-width,var(--default-button-size));width:auto}.schemadraw .dropdown-menu-button svg{height:var(--button-height,var(--lg-icon-size));width:var(--button-width,var(--lg-icon-size))}.schemadraw .dropdown-menu-button:hover{background-color:var(--island-bg-color);background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:inherit;color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.schemadraw .dropdown-menu-button:active{background-color:var(--island-bg-color);background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.schemadraw .dropdown-menu-button.active{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.schemadraw .dropdown-menu-button.active:hover{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.schemadraw .dropdown-menu-button.active svg{color:var(--color-on-primary-container);color:var(--button-color,var(--color-on-primary-container))}.schemadraw.theme--dark.schemadraw .dropdown-menu-button{--background:var(--color-surface-high)}.schemadraw.theme--dark.schemadraw .dropdown-menu-button:hover{--background:#363541}.schemadraw .dropdown-menu-button:hover{--background:var(--color-surface-high);background-color:var(--background);text-decoration:none}.schemadraw .dropdown-menu-button:active{border-color:var(--color-primary)}.schemadraw .dropdown-menu-button svg{height:var(--lg-icon-size);width:var(--lg-icon-size)}.schemadraw .dropdown-menu-button--mobile{border:none;height:var(--default-button-size);margin:0;padding:0;width:var(--default-button-size)}.schemadraw .confirm-dialog-buttons{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;justify-content:flex-end}.schemadraw .Dialog__action-button{align-items:center;background-color:transparent;border:1px solid var(--default-border-color);border-radius:var(--border-radius-lg);color:inherit;-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;height:3rem;letter-spacing:.4px;padding:.5rem 1.5rem;position:relative;-webkit-user-select:none;user-select:none}.schemadraw .Dialog__action-button svg{display:block;height:1rem;width:1rem}.schemadraw .Dialog__action-button--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.schemadraw .Dialog__action-button--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.schemadraw.theme--dark .Dialog__action-button--danger,.schemadraw.theme--dark .Dialog__action-button--primary{color:var(--color-gray-100)}.visually-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;-webkit-user-select:none;user-select:none;white-space:nowrap;width:1px}.LoadingMessage{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:999}.LoadingMessage .Spinner{font-size:2.8em}.LoadingMessage .LoadingMessage-text{font-size:.8em;margin-top:1em}.LoadingMessage--dark{background-color:#121212;color:#ced4da}.ant-menu-inline,.ant-menu-vertical{-webkit-border-end:0!important;border-inline-end:0!important}.ant-list-item{flex-direction:row;flex-wrap:wrap}.schemadraw{--theme-filter:none;--button-destructive-bg-color:#ffe3e3;--button-destructive-color:#c92a2a;--button-gray-1:#e9ecef;--button-gray-2:#ced4da;--button-gray-3:#adb5bd;--button-special-active-bg-color:#ebfbee;--dialog-border-color:var(--color-gray-20);--dropdown-icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4" viewBox="0 0 292 292"><path d="M287 197 159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z"/></svg>');--focus-highlight-color:#a5d8ff;--icon-fill-color:var(--color-on-surface);--icon-green-fill-color:#2b8a3e;--default-bg-color:#fff;--input-bg-color:#fff;--input-border-color:#ced4da;--input-hover-bg-color:#f1f3f5;--input-label-color:#495057;--island-bg-color:#fff;--keybinding-color:var(--color-gray-40);--link-color:#1c7ed6;--overlay-bg-color:hsla(0,0%,100%,.88);--popup-bg-color:var(--island-bg-color);--popup-secondary-bg-color:#f1f3f5;--popup-text-color:#000;--popup-text-inverted-color:#fff;--select-highlight-color:#339af0;--shadow-island:0px 0px 0.9310142993927002px 0px rgba(0,0,0,.17),0px 0px 3.1270833015441895px 0px rgba(0,0,0,.08),0px 7px 14px 0px rgba(0,0,0,.05);--button-hover-bg:var(--color-surface-high);--button-active-bg:var(--color-surface-high);--button-active-border:var(--color-brand-active);--default-border-color:var(--color-surface-high);--default-button-size:2rem;--default-icon-size:1rem;--lg-button-size:2.25rem;--lg-icon-size:1rem;--editor-container-padding:1rem;--scrollbar-thumb:var(--button-gray-2);--scrollbar-thumb-hover:var(--button-gray-3);--modal-shadow:0px 100px 80px rgba(0,0,0,.07),0px 41.7776px 33.4221px rgba(0,0,0,.05),0px 22.3363px 17.869px rgba(0,0,0,.042),0px 12.5216px 10.0172px rgba(0,0,0,.035),0px 6.6501px 5.32008px rgba(0,0,0,.028),0px 2.76726px 2.21381px rgba(0,0,0,.02);--avatar-border-color:var(--color-gray-20);--sidebar-shadow:0px 100px 80px rgba(0,0,0,.07),0px 41.7776px 33.4221px rgba(0,0,0,.05),0px 22.3363px 17.869px rgba(0,0,0,.042),0px 12.5216px 10.0172px rgba(0,0,0,.035),0px 6.6501px 5.32008px rgba(0,0,0,.028),0px 2.76726px 2.21381px rgba(0,0,0,.02);--sidebar-border-color:var(--color-surface-high);--sidebar-bg-color:var(--island-bg-color);--library-dropdown-shadow:0px 15px 6px rgba(0,0,0,.01),0px 8px 5px rgba(0,0,0,.05),0px 4px 4px rgba(0,0,0,.09),0px 1px 2px rgba(0,0,0,.1),0px 0px 0px rgba(0,0,0,.1);--space-factor:0.25rem;--text-primary-color:var(--color-on-surface);--color-selection:#6965db;--color-icon-white:#fff;--color-primary:#6965db;--color-primary-darker:#5b57d1;--color-primary-darkest:#4a47b1;--color-primary-light:#e3e2fe;--color-primary-light-darker:#d7d5ff;--color-primary-hover:#5753d0;--color-gray-10:#f5f5f5;--color-gray-20:#ebebeb;--color-gray-30:#d6d6d6;--color-gray-40:#b8b8b8;--color-gray-50:#999;--color-gray-60:#7a7a7a;--color-gray-70:#5c5c5c;--color-gray-80:#3d3d3d;--color-gray-85:#242424;--color-gray-90:#1e1e1e;--color-gray-100:#121212;--color-warning:#fceeca;--color-warning-dark:#f5c354;--color-warning-darker:#f3ab2c;--color-warning-darkest:#ec8b14;--color-text-warning:var(--text-primary-color);--color-danger:#db6965;--color-danger-dark:#db6965;--color-danger-darker:#d65550;--color-danger-darkest:#d1413c;--color-danger-text:#000;--color-danger-background:#fff0f0;--color-danger-icon-background:#ffdad6;--color-danger-color:#700000;--color-danger-icon-color:#700000;--color-warning-background:var(--color-warning);--color-warning-icon-background:var(--color-warning-dark);--color-warning-color:var(--text-primary-color);--color-warning-icon-color:var(--text-primary-color);--color-muted:var(--color-gray-30);--color-muted-darker:var(--color-gray-60);--color-muted-darkest:var(--color-gray-100);--color-muted-background:var(--color-gray-80);--color-muted-background-darker:var(--color-gray-100);--color-promo:#e70078;--color-success:#268029;--color-success-lighter:#cafccc;--color-logo-icon:var(--color-primary);--color-logo-text:#190064;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--color-surface-high:#f1f0ff;--color-surface-mid:#f2f2f7;--color-surface-low:#ececf4;--color-surface-lowest:#fff;--color-on-surface:#1b1b1f;--color-brand-hover:#5753d0;--color-on-primary-container:#030064;--color-brand-active:#4440bf;--color-border-outline:#767680;--color-border-outline-variant:#c5c5d0;--color-surface-primary-container:#e0dfff}@media screen and (min-device-width:1921px){.schemadraw{--lg-button-size:2.5rem;--lg-icon-size:1.25rem;--default-button-size:2.25rem;--default-icon-size:1.25rem}}.schemadraw.theme--dark.theme--dark-background-none{background:none}.schemadraw.theme--dark{--theme-filter:invert(93%) hue-rotate(180deg);--button-destructive-bg-color:#5a0000;--button-destructive-color:#ffa8a8;--button-gray-1:#363636;--button-gray-2:#272727;--button-gray-3:#222;--button-special-active-bg-color:#204624;--dialog-border-color:var(--color-gray-80);--dropdown-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4' viewBox='0 0 292 292'%3E%3Cpath fill='%23ced4da' d='M287 197 159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z'/%3E%3C/svg%3E");--focus-highlight-color:#228be6;--icon-green-fill-color:#69db7c;--default-bg-color:#121212;--input-bg-color:#121212;--input-border-color:#2e2e2e;--input-hover-bg-color:#181818;--input-label-color:#e9ecef;--island-bg-color:#232329;--keybinding-color:var(--color-gray-60);--link-color:#4dabf7;--overlay-bg-color:rgba(52,58,64,.12);--popup-secondary-bg-color:#222;--popup-text-color:#ced4da;--popup-text-inverted-color:#2c2c2c;--select-highlight-color:#4dabf7;--shadow-island:0px 0px 0.9310142993927002px 0px rgba(0,0,0,.17),0px 0px 3.1270833015441895px 0px rgba(0,0,0,.08),0px 7px 14px 0px rgba(0,0,0,.05);--modal-shadow:0px 100px 80px rgba(0,0,0,.07),0px 41.7776px 33.4221px rgba(0,0,0,.05),0px 22.3363px 17.869px rgba(0,0,0,.042),0px 12.5216px 10.0172px rgba(0,0,0,.035),0px 6.6501px 5.32008px rgba(0,0,0,.028),0px 2.76726px 2.21381px rgba(0,0,0,.02);--avatar-border-color:var(--color-gray-85);--scrollbar-thumb:#343a40;--scrollbar-thumb-hover:#495057;--color-selection:#3530c4;--color-icon-white:var(--color-gray-90);--color-primary:#a8a5ff;--color-primary-darker:#b2aeff;--color-primary-darkest:#beb9ff;--color-primary-light:#4f4d6f;--color-primary-light-darker:#43415e;--color-primary-hover:#bbb8ff;--color-text-warning:var(--color-gray-80);--color-danger:#ffa8a5;--color-danger-dark:#672120;--color-danger-darker:#8f2625;--color-danger-darkest:#ac2b29;--color-danger-text:#fbcbcc;--color-danger-background:#fbcbcc;--color-danger-icon-background:#672120;--color-danger-color:#261919;--color-danger-icon-color:#fbcbcc;--color-warning-background:var(--color-warning);--color-warning-icon-background:var(--color-warning-dark);--color-warning-color:var(--color-gray-80);--color-warning-icon-color:var(--color-gray-80);--color-muted:var(--color-gray-80);--color-muted-darker:var(--color-gray-60);--color-muted-darkest:var(--color-gray-20);--color-muted-background:var(--color-gray-40);--color-muted-background-darker:var(--color-gray-20);--color-promo:#d297ff;--color-logo-text:#e2dfff;--color-surface-high:#31303b;--color-surface-low:#232329;--color-surface-mid:#18181b;--color-surface-lowest:#121212;--color-on-surface:#e3e3e8;--color-brand-hover:#bbb8ff;--color-on-primary-container:#e0dfff;--color-brand-active:#d0ccff;--color-border-outline:#8e8d9c;--color-border-outline-variant:#46464f;--color-surface-primary-container:#403e6a}body,html{margin:0}#id,:root,body,html{height:100%}:root{--zIndex-canvas:1;--zIndex-interactiveCanvas:2;--zIndex-wysiwyg:3;--zIndex-canvasButtons:3;--zIndex-layerUI:4;--zIndex-eyeDropperBackdrop:5;--zIndex-eyeDropperPreview:6;--zIndex-hyperlinkContainer:7;--zIndex-modal:1000;--zIndex-popup:1001;--zIndex-toast:999999;--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--sar:env(safe-area-inset-right);--sat:env(safe-area-inset-top)}.schemadraw{--ui-font:Assistant,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;bottom:0;color:var(--text-primary-color);display:flex;font-family:var(--ui-font);height:100%;left:0;overflow:hidden;position:relative;right:0;top:0;width:100%}.schemadraw,.schemadraw button{-webkit-user-select:none;user-select:none}.schemadraw button{cursor:pointer}.schemadraw:focus{outline:none}.schemadraw .schemadraw-link,.schemadraw a{color:var(--link-color);cursor:pointer;font-weight:500;text-decoration:none;-webkit-user-select:none;user-select:none}.schemadraw .schemadraw-link:hover,.schemadraw a:hover{text-decoration:underline}.schemadraw .schemadraw-link:active,.schemadraw a:active{text-decoration:none}.schemadraw canvas{height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;touch-action:none;z-index:1;z-index:var(--zIndex-canvas)}.schemadraw canvas.interactive{z-index:2;z-index:var(--zIndex-interactiveCanvas)}.schemadraw__canvas-wrapper,.schemadraw__canvas.static{pointer-events:none}.schemadraw__canvas{position:absolute}.schemadraw__embeddable{border:0;height:100%;width:100%}.schemadraw__embeddable-container{pointer-events:none;position:absolute;-webkit-transform-origin:top left;transform-origin:top left;z-index:2}.schemadraw.theme--dark canvas{-webkit-filter:var(--theme-filter);filter:var(--theme-filter)}.schemadraw .FixedSideContainer{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding:var(--sat,0) var(--sar,0) var(--sab,0) var(--sal,0)}.schemadraw .panelRow{display:flex;justify-content:space-between}.schemadraw .panelColumn{display:flex;flex-direction:column;row-gap:.75rem}.schemadraw .panelColumn .control-label,.schemadraw .panelColumn h3,.schemadraw .panelColumn legend{color:var(--text-primary-color);display:block;font-size:.75rem;font-weight:400;margin:0 0 .25rem}.schemadraw .panelColumn .control-label input{display:block;width:100%}.schemadraw .panelColumn legend{padding:0}.schemadraw .panelColumn .iconSelectList{flex-wrap:wrap;position:relative}.schemadraw .panelColumn .buttonList{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap;row-gap:.5rem}.schemadraw .panelColumn .buttonList label{font-size:.75rem}.schemadraw .panelColumn .buttonList input[type=button],.schemadraw .panelColumn .buttonList input[type=radio]{opacity:0;pointer-events:none;position:absolute}.schemadraw .panelColumn .buttonList .iconRow{margin-top:8px}.schemadraw .panelColumn fieldset{border:none;margin:0;padding:0}.schemadraw .divider{background-color:#e9ecef;margin:1px;width:1px}.schemadraw .buttonList label:focus-within,.schemadraw .dropdown-menu-item:focus-visible,.schemadraw .welcome-screen-menu-item:focus-visible,.schemadraw button:focus-visible,.schemadraw input:focus-visible{box-shadow:0 0 0 1px var(--color-brand-hover);outline:transparent}.schemadraw .buttonList .ToolIcon__icon{all:unset!important;display:flex!important}.schemadraw .buttonList button{background-color:transparent}.schemadraw .buttonList .zIndexButton,.schemadraw .buttonList button,.schemadraw .buttonList label{align-items:center;background-color:var(--island-bg-color);background-color:var(--button-bg,var(--island-bg-color));border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--color-on-surface);color:var(--button-color,var(--color-on-surface));cursor:pointer;display:flex;font-family:var(--ui-font);height:var(--default-button-size);height:var(--button-height,var(--default-button-size));justify-content:center;padding:0;width:var(--default-button-size);width:var(--button-width,var(--default-button-size))}.schemadraw .buttonList .zIndexButton svg,.schemadraw .buttonList button svg,.schemadraw .buttonList label svg{height:var(--lg-icon-size);height:var(--button-height,var(--lg-icon-size));width:var(--lg-icon-size);width:var(--button-width,var(--lg-icon-size))}.schemadraw .buttonList .zIndexButton:hover,.schemadraw .buttonList button:hover,.schemadraw .buttonList label:hover{background-color:var(--island-bg-color);background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:inherit;color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.schemadraw .buttonList .zIndexButton:active,.schemadraw .buttonList button:active,.schemadraw .buttonList label:active{background-color:var(--island-bg-color);background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.schemadraw .buttonList .zIndexButton.active,.schemadraw .buttonList button.active,.schemadraw .buttonList label.active{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.schemadraw .buttonList .zIndexButton.active:hover,.schemadraw .buttonList button.active:hover,.schemadraw .buttonList label.active:hover{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.schemadraw .buttonList .zIndexButton.active svg,.schemadraw .buttonList button.active svg,.schemadraw .buttonList label.active svg{color:var(--color-on-primary-container);color:var(--button-color,var(--color-on-primary-container))}.schemadraw .buttonList .zIndexButton svg,.schemadraw .buttonList button svg,.schemadraw .buttonList label svg{height:var(--default-icon-size);width:var(--default-icon-size)}.schemadraw .App-top-bar{align-items:center;align-items:flex-end;display:flex;flex-direction:column;z-index:4;z-index:var(--zIndex-layerUI)}.schemadraw .App-bottom-bar{--bar-padding:calc(var(--space-factor)*4);align-items:flex-end;bottom:0;display:flex;left:0;padding:max(var(--bar-padding),var(--sat,0)) var(--sar,0) var(--sab,0) var(--sal,0);pointer-events:none;position:absolute;right:0;top:0;z-index:4}.schemadraw .App-bottom-bar>.Island{box-sizing:border-box;display:flex;flex-direction:column;max-height:100%;max-width:100%;min-width:100%;pointer-events:var(--ui-pointerEvents);width:100%}.schemadraw .App-bottom-bar>.Island .panelColumn{padding:8px 8px 0}.schemadraw .App-toolbar{width:100%}.schemadraw .App-toolbar .eraser.ToolIcon:hover{--icon-fill-color:#fff;--keybinding-color:#fff}.schemadraw .App-toolbar .eraser.active{background-color:var(--color-primary)}.schemadraw .App-toolbar-content{align-items:center;display:flex;justify-content:space-between;padding:8px}.schemadraw .App-toolbar-content .dropdown-menu--mobile{bottom:55px;top:auto}.schemadraw .App-mobile-menu{box-sizing:border-box;margin-bottom:var(--bar-padding);overflow-x:visible;overflow-y:auto;width:100%}.schemadraw .App-menu{color:var(--icon-fill-color);display:grid}.schemadraw .shapes-section{display:flex;justify-content:center;pointer-events:none!important}.schemadraw .shapes-section>*{pointer-events:var(--ui-pointerEvents)}.schemadraw .App-menu_top{grid-gap:2rem;align-items:flex-start;cursor:default;grid-template-columns:1fr 1fr;pointer-events:none!important}.schemadraw .App-menu_top>*{pointer-events:var(--ui-pointerEvents)}@media(min-width:1536px){.schemadraw .App-menu_top{grid-gap:3rem;grid-template-columns:1fr 1fr}}.schemadraw .App-menu_top>:first-child{justify-self:flex-start}.schemadraw .App-menu_top>:last-child{justify-self:flex-end}.schemadraw .App-menu_bottom{align-items:flex-start;bottom:1rem;box-sizing:border-box;cursor:default;display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none!important;position:absolute}.schemadraw .App-menu_bottom--transition-left section{width:185px}.schemadraw .App-menu_bottom section{display:flex}.schemadraw .App-menu_bottom>:first-child{justify-self:flex-start}.schemadraw .App-menu_bottom>:last-child{justify-self:flex-end}.schemadraw .App-menu_left{grid-template-rows:1fr auto 1fr;height:100%}.schemadraw .App-menu_right{grid-template-rows:1fr;height:100%}.schemadraw .App-menu__left{box-sizing:border-box;overflow-y:auto;padding:.75rem;position:absolute;width:202px}.schemadraw .dropdown-select{-webkit-padding-start:.5rem;-webkit-padding-end:1.5rem;-webkit-appearance:none;appearance:none;background-color:var(--button-gray-1);background-image:var(--dropdown-icon);background-position:right .7rem top 50%,0 0;background-repeat:no-repeat;background-size:.65em auto,100%;border:1px solid var(--button-gray-2);border-radius:var(--space-factor);color:var(--icon-fill-color);font-family:inherit;font-size:.8rem;height:1.5rem;outline:none;padding:0;padding-inline-end:1.5rem;padding-inline-start:.5rem}:root[dir=rtl] .schemadraw .dropdown-select{background-position:left .7rem top 50%,0 0}.schemadraw .dropdown-select:focus{box-shadow:0 0 0 2px var(--focus-highlight-color)}.schemadraw .dropdown-select:active,.schemadraw .dropdown-select:hover{background-color:var(--button-gray-2)}.schemadraw .dropdown-select__language{border-color:var(--default-border-color)!important;cursor:pointer;height:2rem}.schemadraw .dropdown-select__language,.schemadraw .dropdown-select__language:hover,.schemadraw .scroll-back-to-content{background-color:var(--island-bg-color)}.schemadraw .scroll-back-to-content{border:1px solid var(--default-border-color);border-radius:var(--border-radius-lg);bottom:30px;color:var(--icon-fill-color);font-family:inherit;left:50%;padding:10px 20px;pointer-events:var(--ui-pointerEvents);position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.schemadraw .scroll-back-to-content:hover{background-color:var(--button-hover-bg)}.schemadraw .scroll-back-to-content:active{border:1px solid var(--button-active-border)}.schemadraw .help-icon{align-items:center;background-color:var(--button-bg,var(--island-bg-color));background-color:var(--island-bg-color);border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--color-on-surface);color:var(--button-color,var(--color-on-surface));cursor:pointer;display:flex;font-family:var(--ui-font);height:var(--default-button-size);height:var(--button-height,var(--default-button-size));height:var(--lg-button-size);justify-content:center;margin-left:10px;padding:.625rem;width:var(--default-button-size);width:var(--button-width,var(--default-button-size));width:var(--lg-button-size)}.schemadraw .help-icon svg{height:var(--button-height,var(--lg-icon-size));width:var(--button-width,var(--lg-icon-size))}.schemadraw .help-icon:hover{background-color:var(--island-bg-color);background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:inherit;color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.schemadraw .help-icon:active{background-color:var(--island-bg-color);background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.schemadraw .help-icon.active{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.schemadraw .help-icon.active:hover{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.schemadraw .help-icon.active svg{color:var(--color-on-primary-container);color:var(--button-color,var(--color-on-primary-container))}.schemadraw .help-icon svg{height:var(--lg-icon-size);width:var(--lg-icon-size)}.schemadraw .reset-zoom-button{font-family:var(--ui-font)}.schemadraw .finalize-button{grid-gap:.4em;gap:.4em;grid-auto-flow:column}.schemadraw .eraser-buttons,.schemadraw .finalize-button,.schemadraw .undo-redo-buttons{-webkit-margin-start:.6em;display:grid;margin-bottom:auto;margin-top:auto;margin-inline-start:.6em}.schemadraw .eraser-buttons,.schemadraw .undo-redo-buttons{grid-auto-flow:column}.schemadraw--mobile.schemadraw aside{display:none}.schemadraw--mobile.schemadraw .scroll-back-to-content{bottom:calc(80px + env(safe-area-inset-bottom));bottom:calc(80px + var(--sab, 0));z-index:-1}:root[dir=rtl] .schemadraw .rtl-mirror{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.schemadraw .zen-mode-visibility{height:auto;opacity:1;transition:opacity .5s;visibility:visible;width:auto}.schemadraw .zen-mode-visibility.zen-mode-visibility--hidden{height:0;opacity:0;transition:opacity .5s;visibility:hidden;width:0}.schemadraw .disable-pointerEvents{pointer-events:none!important}.schemadraw.schemadraw--view-mode .App-menu{display:flex;justify-content:space-between}.schemadraw input.is-redacted{-webkit-text-security:disc}.schemadraw input[type=text],.schemadraw textarea:not(.schemadraw-wysiwyg){background-color:var(--input-bg-color);border:1.5px solid var(--input-border-color);border-radius:var(--space-factor);color:var(--text-primary-color);padding:.75rem;white-space:nowrap}.schemadraw input[type=text]:not(:focus):hover,.schemadraw textarea:not(.schemadraw-wysiwyg):not(:focus):hover{border-color:var(--color-brand-hover)}.schemadraw input[type=text]:focus,.schemadraw textarea:not(.schemadraw-wysiwyg):focus{border-color:var(--color-brand-hover);outline:none}@media print{.schemadraw .App-bottom-bar,.schemadraw .FixedSideContainer,.schemadraw .layer-ui__wrapper{display:none}}.schemadraw ::-webkit-scrollbar{height:3px;width:3px}.schemadraw select::-webkit-scrollbar{width:10px}.schemadraw ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.schemadraw ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.schemadraw ::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb)}.schemadraw .mobile-misc-tools-container{background-color:var(--island-bg-color);border:1px solid var(--sidebar-border-color);border-bottom-left-radius:var(--border-radius-lg);border-right:0;border-top-left-radius:var(--border-radius-lg);display:flex;flex-direction:column;overflow:hidden;position:absolute;right:calc(var(--editor-container-padding)*-1);top:calc(5rem - var(--editor-container-padding))}.schemadraw .mobile-misc-tools-container .ToolIcon__icon{border-radius:0;height:2rem;width:2rem}.schemadraw .mobile-misc-tools-container .default-sidebar-trigger{border:0}.schemadraw .App-toolbar--mobile{max-width:98vw;overflow:visible}.schemadraw .App-toolbar--mobile .ToolIcon__keybinding{display:none}.schemadraw .UserList-Wrapper{border:none;margin:0;padding:0;text-align:left}.schemadraw .UserList-Wrapper legend{display:block;font-size:.75rem;font-weight:400;margin:0 0 .25rem;padding:0}.schemadraw .main-menu-trigger{background-color:var(--color-surface-low);border:none;box-shadow:0 0 0 1px var(--color-surface-lowest)}.schemadraw .main-menu-trigger:active{box-shadow:0 0 0 1px var(--color-brand-active)}.schemadraw .App-menu__left{--button-border:transparent;--button-bg:var(--color-surface-mid)}.schemadraw.theme--dark.schemadraw .App-menu__left{--button-hover-bg:#363541;--button-bg:var(--color-surface-high)}.schemadraw .schemadraw__paragraph{margin:1rem 0}.schemadraw .Modal__content .schemadraw__paragraph+.schemadraw__paragraph,.schemadraw .Modal__content .schemadraw__paragraph:first-child{margin-top:0}.ErrorSplash.schemadraw{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:auto;padding:20px 0;-webkit-user-select:text;user-select:text}.ErrorSplash.schemadraw .ErrorSplash-messageContainer{align-items:center;background-color:#ffe3e3;border:3px solid #c92a2a;display:flex;flex-direction:column;justify-content:center;padding:40px}.ErrorSplash.schemadraw .ErrorSplash-paragraph{margin:15px 0;max-width:600px}.ErrorSplash.schemadraw .ErrorSplash-paragraph.align-center{text-align:center}.ErrorSplash.schemadraw .bigger,.ErrorSplash.schemadraw .bigger button{font-size:1.1em}.ErrorSplash.schemadraw .smaller,.ErrorSplash.schemadraw .smaller button{font-size:.9em}.ErrorSplash.schemadraw .ErrorSplash-details{align-items:flex-start;display:flex;flex-direction:column}.ErrorSplash.schemadraw .ErrorSplash-details textarea{font-family:Cascadia;font-size:.8em;margin:10px 0;width:100%}.schemadraw__embeddable-container .schemadraw__embeddable-container__inner{align-items:center;border-radius:var(--embeddable-radius);display:flex;justify-content:center;overflow:hidden}.schemadraw__embeddable-container .schemadraw__embeddable__outer{height:100%;width:100%}.schemadraw__embeddable-container .schemadraw__embeddable__outer>*{border-radius:var(--embeddable-radius)}.schemadraw__embeddable-container .schemadraw__embeddable-hint{background:rgba(0,0,0,.5);border-radius:12px;color:#fff;font-family:Assistant;font-weight:700;letter-spacing:.6px;padding:1rem 1.6rem;position:absolute;z-index:1}.footer-center{display:flex;justify-content:flex-start;pointer-events:none;width:100%}.footer-center>*{pointer-events:all}.schemadraw .ActiveFile .ActiveFile__fileName{align-items:center;display:flex}.schemadraw .ActiveFile .ActiveFile__fileName span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:9.3em}.schemadraw .ActiveFile .ActiveFile__fileName svg{-webkit-margin-end:.3em;margin-inline-end:.3em;-webkit-transform:scaleY(.9);transform:scaleY(.9);width:1.15em}.schemadraw{--avatar-size:1.75rem;--avatarList-gap:0.625rem;--userList-padding:var(--space-factor);--userlist-hint-bg-color:var(--color-gray-10);--userlist-hint-heading-color:var(--color-gray-80);--userlist-hint-text-color:var(--color-gray-60);--userlist-collaborators-border-color:var(--color-gray-20)}.schemadraw .UserList-wrapper{display:flex;justify-content:flex-end;pointer-events:none!important;width:100%}.schemadraw .UserList{--max-size:calc(var(--avatar-size)*var(--max-avatars, 2) + var(--avatarList-gap)*(var(--max-avatars, 2) - 1) + var(--userList-padding)*2);align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--avatarList-gap);justify-content:flex-end;max-height:var(--max-size);max-width:var(--max-size);padding:var(--userList-padding);pointer-events:none}.schemadraw .UserList:empty{display:none}.schemadraw .UserList>*{pointer-events:var(--ui-pointerEvents)}.schemadraw .UserList_mobile{justify-content:normal;margin:.5rem 0;max-height:none;max-width:none;padding:0}.schemadraw .UserList__more{align-items:center;background-color:var(--color-gray-20);border:0!important;border-radius:100%;color:var(--color-gray-90);color:var(--color-gray-100);cursor:pointer;display:flex;flex:0 0 auto;flex-shrink:0;font-size:.75rem;font-size:.625rem;font-weight:800;font-weight:400;font-weight:700;height:1.5rem;height:var(--avatar-size,1.5rem);justify-content:center;line-height:1;outline-offset:2px;position:relative;width:1.5rem;width:var(--avatar-size,1.5rem)}.schemadraw .UserList__more:active{-webkit-transform:scale(.94);transform:scale(.94)}.schemadraw .UserList__more-img{border-radius:100%;height:100%;width:100%}.schemadraw .UserList__more:before{border-radius:100%;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}.schemadraw .UserList__more.is-followed:before{border-color:var(--color-primary-hover);box-shadow:0 0 0 1px var(--color-primary-hover)}.schemadraw .UserList__more.is-current-user{cursor:auto}.schemadraw .UserList__collaborator-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schemadraw .UserList__collaborator--avatar-only{display:flex;flex:0 0 auto;position:relative}.schemadraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon{--size:14px;bottom:-.25rem;display:flex;flex:0 0 auto;height:var(--size);position:absolute;right:-.25rem;width:var(--size)}.schemadraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon svg{flex:0 0 auto;height:var(--size);width:var(--size)}.schemadraw .UserList__collaborator-status-icons{display:flex;flex:0 0 auto;gap:.25rem;justify-content:flex-end;margin-left:auto;min-width:2.25rem}.schemadraw .UserList__collaborator.is-muted .UserList__collaborator-status-icon-microphone-muted{color:var(--color-danger);-webkit-filter:drop-shadow(0 0 0 rgba(0,0,0,.5));filter:drop-shadow(0 0 0 rgba(0,0,0,.5))}.schemadraw .UserList__collaborator-status-icon-speaking-indicator{align-items:center;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:0 3px;width:1rem}.schemadraw .UserList__collaborator-status-icon-speaking-indicator div{background-color:#a2f1a6;height:.4rem;width:.125rem}.schemadraw .UserList__collaborator-status-icon-speaking-indicator div:first-of-type{-webkit-animation:speaking-indicator-anim 1s ease-in-out -.45s infinite;animation:speaking-indicator-anim 1s ease-in-out -.45s infinite}.schemadraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(2){-webkit-animation:speaking-indicator-anim 1s ease-in-out -.9s infinite;animation:speaking-indicator-anim 1s ease-in-out -.9s infinite}.schemadraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(3){-webkit-animation:speaking-indicator-anim 1s ease-in-out -.15s infinite;animation:speaking-indicator-anim 1s ease-in-out -.15s infinite}@-webkit-keyframes speaking-indicator-anim{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(2);transform:scaleY(2)}}@keyframes speaking-indicator-anim{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(2);transform:scaleY(2)}}.schemadraw.theme--dark{--userlist-hint-bg-color:var(--color-gray-90);--userlist-hint-heading-color:var(--color-gray-30);--userlist-hint-text-color:var(--color-gray-40);--userlist-collaborators-border-color:var(--color-gray-80)}.schemadraw .UserList__collaborators{border-bottom:1px solid var(--userlist-collaborators-border-color);border-top:1px solid var(--userlist-collaborators-border-color);margin-top:0;max-height:50vh;overflow-y:auto;padding:.25rem .5rem;position:static;top:auto}.schemadraw .UserList__collaborators__empty{color:var(--color-gray-60);font-size:.75rem;line-height:150%;padding:.5rem 0}.schemadraw .UserList__hint{color:var(--userlist-hint-text-color);font-size:.75rem;line-height:150%;overflow:hidden;padding:.5rem .75rem;text-align:center}.schemadraw .UserList__search-wrapper{height:2.5rem;position:relative}.schemadraw .UserList__search-wrapper svg{color:var(--color-gray-40);height:1.25rem;left:.75rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.25rem;z-index:1}.schemadraw .UserList__search{border:0!important;border-radius:0!important;box-sizing:border-box;font-size:.875rem;left:0;padding-left:2.5rem!important;padding-right:.75rem!important;position:absolute;top:0;width:100%}.schemadraw .UserList__search::-webkit-input-placeholder{color:var(--color-gray-40)}.schemadraw .UserList__search::placeholder{color:var(--color-gray-40)}.schemadraw .UserList__search:focus{box-shadow:none!important}.schemadraw .virgil{font-family:Virgil}.schemadraw .welcome-screen-decor{color:var(--color-gray-40);pointer-events:none}.schemadraw.theme--dark .welcome-screen-decor{color:var(--color-gray-60)}@media(max-height:599px){.schemadraw .welcome-screen-decor-hint{display:none!important}}@media(max-width:1024px),(max-width:800px){.schemadraw .welcome-screen-decor-hint .welcome-screen-decor--help,.schemadraw .welcome-screen-decor-hint .welcome-screen-decor--menu{display:none}}.schemadraw .welcome-screen-decor-hint--help{bottom:100%;display:flex;position:absolute;right:0}:root[dir=rtl] .schemadraw .welcome-screen-decor-hint--help{left:0;right:auto}.schemadraw .welcome-screen-decor-hint--help svg{height:71px;margin-top:.5rem;-webkit-transform:scaleX(-1) rotate(80deg);transform:scaleX(-1) rotate(80deg);width:85px}:root[dir=rtl] .schemadraw .welcome-screen-decor-hint--help svg{-webkit-transform:rotate(80deg);transform:rotate(80deg)}.schemadraw .welcome-screen-decor-hint--toolbar{align-items:baseline;display:flex;left:50%;margin-top:2.5rem;position:absolute;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.schemadraw .welcome-screen-decor-hint--toolbar .welcome-screen-decor-hint__label{position:relative;top:-.5rem;width:120px}.schemadraw .welcome-screen-decor-hint--toolbar svg{height:78px;width:38px}:root[dir=rtl] .schemadraw .welcome-screen-decor-hint--toolbar svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.schemadraw .welcome-screen-decor-hint--menu{-webkit-margin-start:.6rem;align-items:flex-end;display:flex;font-size:1rem;gap:.5rem;margin-top:.25rem;margin-inline-start:.6rem;position:absolute;top:100%;width:320px}.schemadraw .welcome-screen-decor-hint--menu svg{height:94px;width:41px}:root[dir=rtl] .schemadraw .welcome-screen-decor-hint--menu svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@media(max-width:860px){.schemadraw .welcome-screen-decor-hint--menu .welcome-screen-decor-hint__label{max-width:160px}}.schemadraw .welcome-screen-center{align-items:center;bottom:1rem;display:flex;flex-direction:column;gap:2rem;justify-content:center;left:1rem;pointer-events:none;position:absolute;right:1rem;top:1rem}.schemadraw .welcome-screen-center__logo{align-items:center;-webkit-column-gap:.75rem;column-gap:.75rem;display:flex;font-size:2.25rem}.schemadraw .welcome-screen-center__logo svg{height:auto;width:1.625rem}.schemadraw .welcome-screen-center__heading{font-size:1.125rem;text-align:center}.schemadraw .welcome-screen-menu{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center}.schemadraw .welcome-screen-menu-item{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-gray-50);display:grid;font-size:.875rem;grid-template-columns:calc(var(--default-icon-size) + .5rem) 1fr 3rem;justify-content:space-between;max-width:400px;min-width:300px;padding:.75rem;pointer-events:all;width:100%}.schemadraw .welcome-screen-menu-item__text{align-items:center;-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;margin-right:auto;text-align:left}.schemadraw .welcome-screen-menu-item__icon{height:var(--default-icon-size);width:var(--default-icon-size)}.schemadraw .welcome-screen-menu-item__shortcut{color:var(--color-gray-40);font-size:.75rem;margin-left:auto}.schemadraw:not(:active) .welcome-screen-menu-item:hover{background:var(--color-gray-10);text-decoration:none}.schemadraw:not(:active) .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut{color:var(--color-gray-50)}.schemadraw:not(:active) .welcome-screen-menu-item:hover .welcome-screen-menu-item__text{color:var(--color-gray-100)}.schemadraw .welcome-screen-menu-item:active{background:var(--color-gray-20)}.schemadraw .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut{color:var(--color-gray-50)}.schemadraw .welcome-screen-menu-item:active .welcome-screen-menu-item__text{color:var(--color-gray-100)}.schemadraw .welcome-screen-menu-item:active--promo{color:var(--color-promo)!important}.schemadraw .welcome-screen-menu-item:active--promo:hover .welcome-screen-menu-item__text{color:var(--color-promo)!important}.schemadraw.theme--dark .welcome-screen-menu-item,.schemadraw.theme--dark .welcome-screen-menu-item__shortcut{color:var(--color-gray-60)}.schemadraw.theme--dark:not(:active) .welcome-screen-menu-item:hover{background:var(--color-gray-85)}.schemadraw.theme--dark:not(:active) .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut{color:var(--color-gray-50)}.schemadraw.theme--dark:not(:active) .welcome-screen-menu-item:hover .welcome-screen-menu-item__text{color:var(--color-gray-10)}.schemadraw.theme--dark .welcome-screen-menu-item:active{background-color:var(--color-gray-90)}.schemadraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__text{color:var(--color-gray-10)}@media(max-height:599px){.schemadraw .welcome-screen-center{margin-top:4rem}}@media(min-height:600px)and (max-height:900px){.schemadraw .welcome-screen-center{margin-top:8rem}}@media(max-height:500px),(max-width:320px){.schemadraw .welcome-screen-center{display:none}}.schemadraw .collab-button{--button-bg:var(--color-primary);--button-color:#fff;--button-border:var(--color-primary);--button-width:var(--lg-button-size);--button-height:var(--lg-button-size);--button-hover-bg:var(--color-primary-darker);--button-hover-border:var(--color-primary-darker);--button-active-bg:var(--color-primary-darker);flex-shrink:0}.schemadraw .collab-button.active.active{background-color:#0fb884;border-color:#0fb884}.schemadraw .collab-button.active.active svg{color:#fff}.schemadraw .collab-button.active.active:active,.schemadraw .collab-button.active.active:hover{background-color:#0fb884;border-color:#0fb884}.schemadraw.theme--dark .collab-button{color:var(--color-gray-90)}.schemadraw .CollabButton.is-collaborating{background-color:var(--button-special-active-bg-color)}.schemadraw .CollabButton.is-collaborating .ToolIcon__icon svg,.schemadraw .CollabButton.is-collaborating .ToolIcon__label{color:var(--icon-green-fill-color)}.schemadraw .CollabButton-collaborators{background-color:#b2f2bb;border-radius:50%;bottom:-5px;color:#2b8a3e;font-family:Cascadia;font-size:.6rem;line-height:1;min-height:1em;min-width:1em;padding:3px;position:absolute}:root[dir=ltr] .schemadraw .CollabButton-collaborators{right:-5px}:root[dir=rtl] .schemadraw .CollabButton-collaborators{left:-5px}.schemadraw .sidebar-trigger{align-items:center;background-color:var(--island-bg-color);background-color:var(--button-bg,var(--island-bg-color));border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--color-on-surface);color:var(--button-color,var(--color-on-surface));cursor:pointer;display:flex;font-family:var(--ui-font);font-size:.75rem;gap:.5rem;height:var(--default-button-size);height:var(--button-height,var(--default-button-size));height:var(--lg-button-size);justify-content:center;letter-spacing:.4px;line-height:0;padding:.625rem;width:var(--default-button-size);width:var(--button-width,var(--default-button-size));width:auto}.schemadraw .sidebar-trigger svg{height:var(--button-height,var(--lg-icon-size));width:var(--button-width,var(--lg-icon-size))}.schemadraw .sidebar-trigger:hover{background-color:var(--island-bg-color);background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:inherit;color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.schemadraw .sidebar-trigger:active{background-color:var(--island-bg-color);background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.schemadraw .sidebar-trigger.active{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.schemadraw .sidebar-trigger.active:hover{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.schemadraw .sidebar-trigger.active svg{color:var(--color-on-primary-container);color:var(--button-color,var(--color-on-primary-container))}.schemadraw .sidebar-trigger svg{height:var(--lg-icon-size);width:var(--lg-icon-size)}.schemadraw .sidebar-trigger__label-element{align-self:flex-start}.schemadraw .default-sidebar-trigger .sidebar-trigger__label{display:block;white-space:nowrap}.schemadraw.schemadraw--mobile .default-sidebar-trigger .sidebar-trigger__label{display:none}.schemadraw .sidebar{background-color:var(--sidebar-bg-color);border-left:1px solid var(--sidebar-border-color);border-radius:0;bottom:0;box-shadow:var(--sidebar-shadow);box-sizing:border-box;display:flex;flex-direction:column;margin:0;overflow:hidden;padding:0;pointer-events:var(--ui-pointerEvents);position:absolute;right:0;top:0;width:calc(302px - var(--space-factor)*2);z-index:5}:root[dir=rtl] .schemadraw .sidebar{left:0;right:auto}.schemadraw .sidebar--docked{box-shadow:none}:root[dir=rtl] .schemadraw .sidebar{border-left:0;border-right:1px solid var(--sidebar-border-color)}.schemadraw .sidebar__header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:1rem .75rem;position:relative;width:100%}.schemadraw .sidebar__header:after{background:var(--sidebar-border-color);bottom:-1px;content:"";height:1px;position:absolute;width:calc(100% - 1.5rem)}.schemadraw .sidebar__header__buttons{align-items:center;display:flex;gap:0;margin-left:auto}.schemadraw .sidebar__header__buttons button{--button-bg:transparent;align-items:center;background-color:var(--island-bg-color);background-color:var(--button-bg,var(--island-bg-color));border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);border-style:solid;border-width:1px;border:0!important;box-sizing:border-box;color:var(--color-on-surface);color:var(--button-color,var(--color-on-surface));cursor:pointer;display:flex;font-family:var(--ui-font);height:var(--default-button-size);height:var(--button-height,var(--default-button-size));height:var(--lg-button-size);justify-content:center;padding:0;width:var(--default-button-size);width:var(--button-width,var(--default-button-size));width:var(--lg-button-size)}.schemadraw .sidebar__header__buttons button svg{height:var(--button-height,var(--lg-icon-size));width:var(--button-width,var(--lg-icon-size))}.schemadraw .sidebar__header__buttons button:hover{background-color:var(--island-bg-color);background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:inherit;color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.schemadraw .sidebar__header__buttons button:active{background-color:var(--island-bg-color);background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.schemadraw .sidebar__header__buttons button.active{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.schemadraw .sidebar__header__buttons button.active:hover{background-color:var(--color-surface-primary-container);background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.schemadraw .sidebar__header__buttons button.active svg{color:var(--color-on-primary-container);color:var(--button-color,var(--color-on-primary-container))}.schemadraw .sidebar__header__buttons button svg{height:var(--lg-icon-size);width:var(--lg-icon-size)}.schemadraw .sidebar__header__buttons button:hover{background:var(--island-bg-color);background:var(--button-hover-bg,var(--island-bg-color))}.schemadraw .sidebar__header__buttons .sidebar__dock.selected svg{stroke:var(--color-primary);fill:var(--color-primary)}.schemadraw .sidebar-tabs-root{display:flex;flex:1 1 auto;flex-direction:column;padding:1rem 0}.schemadraw .sidebar-tabs-root [role=tabpanel]{display:flex;flex:1 1;flex:1 1 auto;flex-direction:column;outline:none}.schemadraw .sidebar-tabs-root [role=tabpanel][data-state=inactive]{display:none!important}.schemadraw .sidebar-tabs-root [role=tablist]{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.schemadraw .sidebar-tabs-root>.sidebar__header{padding-bottom:1rem;padding-top:0}.schemadraw .sidebar-tab-trigger{--button-width:auto;--button-bg:transparent;--button-hover-bg:transparent;--button-active-bg:var(--color-primary);--button-hover-color:var(--color-primary);--button-hover-border:var(--color-primary)}.schemadraw .sidebar-tab-trigger[data-state=active]{--button-bg:var(--color-primary);--button-hover-bg:var(--color-primary-darker);--button-hover-color:var(--color-icon-white);--button-border:var(--color-primary);color:var(--color-icon-white)}.schemadraw .default-sidebar{display:flex;flex-direction:column}.schemadraw .default-sidebar .sidebar-triggers{background:var(--default-bg-color);border:1px solid var(--sidebar-border-color);border-radius:.625rem;display:flex;gap:0;margin-bottom:-3px;margin-top:-3px;padding:2px}.schemadraw .default-sidebar .sidebar-triggers .sidebar-tab-trigger{border:none;height:var(--lg-button-size);width:var(--lg-button-size)}.schemadraw .publish-library__fields{display:flex;flex-direction:column}.schemadraw .publish-library__fields label{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.schemadraw .publish-library__fields label span{color:#868e96;font-size:1rem;font-weight:500}.schemadraw .publish-library__fields label input,.schemadraw .publish-library__fields label textarea{font-family:var(--ui-font);padding:.6em;width:70%}.schemadraw .publish-library__fields label .required{color:#e03131;margin:.2rem}.schemadraw .publish-library__buttons{display:flex;gap:.5rem;justify-content:flex-end;padding:.2rem 0}.schemadraw .publish-library__buttons .ToolIcon__icon{font-size:1rem;min-width:2.5rem;width:auto}.schemadraw .publish-library__buttons .ToolIcon_type_button{margin-left:1rem;padding:0 .5rem}.schemadraw .publish-library__buttons--confirm.ToolIcon_type_button{background-color:#228be6}.schemadraw .publish-library__buttons--confirm.ToolIcon_type_button:hover{background-color:#1971c2}.schemadraw .publish-library__buttons--cancel.ToolIcon_type_button{background-color:#adb5bd}.schemadraw .publish-library__buttons--cancel.ToolIcon_type_button:hover{background-color:#fa5252}.schemadraw .publish-library__buttons .ToolIcon__icon{color:#fff}.schemadraw .publish-library__buttons .ToolIcon__icon .Spinner{--spinner-color:#fff}.schemadraw .publish-library__buttons .ToolIcon__icon .Spinner svg{padding:.5rem}.schemadraw .publish-library .selected-library-items{display:flex;flex-wrap:wrap}.schemadraw .publish-library .selected-library-items .single-library-item-wrapper{width:9rem}.schemadraw .publish-library-warning{color:#fa5252}.schemadraw .publish-library-note{display:block;font-size:14px;font-style:italic;padding:1em 0}.schemadraw .single-library-item{position:relative}.schemadraw .single-library-item-status{background:hsla(0,0%,100%,.9);border-radius:.2rem;color:#f03e3e;font-size:.7rem;left:.3rem;padding:.1rem .2rem;position:absolute;top:.3rem}.schemadraw .single-library-item__svg{background-color:#fff;border:1px solid var(--button-gray-2);height:7.5rem;padding:.3rem;width:7.5rem}.schemadraw .single-library-item__svg svg{height:100%;width:100%}.schemadraw .single-library-item .ToolIcon__icon{background-color:#fff;height:auto;margin:0 .5rem;width:auto}.schemadraw .single-library-item .ToolIcon,.schemadraw .single-library-item .ToolIcon_type_button:hover{background-color:#fff}.schemadraw .single-library-item .error,.schemadraw .single-library-item .required{color:#e03131;font-size:1rem;font-weight:700;margin:.2rem}.schemadraw .single-library-item .error{font-weight:500;margin:0;padding:.3em 0}.schemadraw .single-library-item--remove{position:absolute;right:1rem;top:.2rem}.schemadraw .single-library-item--remove .ToolIcon__icon{background-color:#fa5252;margin:0}.schemadraw .single-library-item--remove .ToolIcon__icon:hover{background-color:#f03e3e}.schemadraw .single-library-item--remove .ToolIcon__icon:active{background-color:#e03131}.schemadraw .single-library-item--remove svg{border-radius:.3em;color:#fff;height:1rem;padding:.26rem;width:1rem}.schemadraw .library-unit{align-items:center;border:1px solid transparent;border-radius:var(--border-radius-lg);box-sizing:border-box;display:flex;height:55px;justify-content:center;position:relative;width:55px}.schemadraw .library-unit svg{pointer-events:none}.schemadraw .library-unit--hover{border-color:var(--color-primary)}.schemadraw .library-unit--selected{border-color:var(--color-primary);border-width:1px}.schemadraw .library-unit--skeleton{-webkit-animation:library-unit__skeleton-opacity-animation .2s linear;animation:library-unit__skeleton-opacity-animation .2s linear;background:linear-gradient(-45deg,var(--color-gray-10),var(--color-gray-20),var(--color-gray-10));background-size:200% 200%;opacity:.5}.schemadraw.theme--dark .library-unit--skeleton{background-image:linear-gradient(-45deg,var(--color-gray-100),var(--color-gray-80),var(--color-gray-100))}.schemadraw .library-unit__dragger{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.schemadraw .library-unit__dragger>svg{-webkit-filter:var(--theme-filter);filter:var(--theme-filter);flex-grow:1;max-height:100%;max-width:100%}.schemadraw .library-unit__checkbox-container,.schemadraw .library-unit__checkbox-container:active,.schemadraw .library-unit__checkbox-container:hover{align-items:center;background:none;border:none;bottom:2rem;color:var(--icon-fill-color);cursor:pointer;display:flex;justify-content:center;left:2rem;margin:0;padding:.5rem;position:absolute}.schemadraw .library-unit__checkbox-container input,.schemadraw .library-unit__checkbox-container:active input,.schemadraw .library-unit__checkbox-container:hover input{cursor:pointer}.schemadraw .library-unit__checkbox{margin:0;position:absolute;right:.125rem;top:.125rem}.schemadraw .library-unit__checkbox .Checkbox-box{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:4px;box-shadow:none!important;height:1rem;margin:0;padding:2px;width:1rem}.schemadraw .library-unit__checkbox.Checkbox:hover .Checkbox-box{background-color:var(--color-primary-light)}.schemadraw .library-unit__checkbox.is-checked .Checkbox-box{background-color:var(--color-primary)!important}.schemadraw .library-unit__checkbox.is-checked .Checkbox-box svg{color:var(--color-primary-light)}.schemadraw .library-unit__removeFromLibrary>svg{height:16px;width:16px}.schemadraw .library-unit__adder{align-items:center;-webkit-animation:library-unit__adder-animation 1s ease-in infinite;animation:library-unit__adder-animation 1s ease-in infinite;background-color:var(--color-primary);border-radius:var(--border-radius-md);display:flex;height:1.5rem;justify-content:center;pointer-events:none;position:absolute;-webkit-transform:scale(1);transform:scale(1);width:1.5rem}.schemadraw .library-unit__adder svg{color:var(--color-primary-light);height:1rem;width:1rem}.schemadraw .library-unit:active .library-unit__adder{-webkit-animation:none;animation:none;-webkit-transform:scale(.8);transform:scale(.8)}.schemadraw .library-unit__active{cursor:pointer}@-webkit-keyframes library-unit__adder-animation{0%{-webkit-transform:scale(.85);transform:scale(.85)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.85);transform:scale(.85)}}@keyframes library-unit__adder-animation{0%{-webkit-transform:scale(.85);transform:scale(.85)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.85);transform:scale(.85)}}@-webkit-keyframes library-unit__skeleton-opacity-animation{0%{opacity:0}75%{opacity:0}to{opacity:.5}}@keyframes library-unit__skeleton-opacity-animation{0%{opacity:0}75%{opacity:0}to{opacity:.5}}.schemadraw{--container-padding-y:1.5rem;--container-padding-x:0.75rem}.schemadraw .library-menu-items__no-items{color:var(--color-gray-70);font-size:.875rem;line-height:1.5;text-align:center;width:100%}.schemadraw .library-menu-items__no-items__label{color:var(--color-primary);font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.schemadraw.theme--dark .library-menu-items__no-items{color:var(--color-gray-40)}.schemadraw .library-menu-items-container{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;flex-shrink:1;height:100%;justify-content:center;margin:0;overflow-y:auto;position:relative;width:100%}.schemadraw .library-menu-items-container>div{padding-left:.75rem;padding-right:.75rem}.schemadraw .library-menu-items-container__row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.schemadraw .library-menu-items-container__items{flex:1 1;margin-bottom:1rem;overflow-x:hidden;overflow-y:auto;padding:var(--container-padding-y) 0;row-gap:.5rem}.schemadraw .library-menu-items-container__header{box-sizing:border-box;color:var(--color-primary);font-size:1.125rem;font-weight:700;margin-bottom:.75rem;padding-right:4rem;width:100%}.schemadraw .library-menu-items-container__header--excal{margin-top:2rem}.schemadraw .library-menu-items-container__grid{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.schemadraw .library-menu-items-container .separator{align-items:center;color:var(--text-primary-color);display:flex;font-size:.9rem;font-weight:500;margin:.6em .2em;width:100%}.schemadraw .library-menu-items-private-library-container{min-height:3.75rem;width:100%}.schemadraw .layer-ui__library{display:flex;flex:1 1 auto;flex-direction:column}.schemadraw .library-actions-counter{align-items:center;background-color:var(--color-primary);border-radius:50%;bottom:-.25rem;color:var(--color-primary-light);display:flex;font-size:.625rem;font-weight:700;height:1rem;justify-content:center;pointer-events:none;position:absolute;right:-.25rem;width:1rem}.schemadraw .layer-ui__library-message{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-width:200px;padding:2rem}.schemadraw .layer-ui__library-message span{font-size:.8em}.schemadraw .publish-library-success .Dialog__content{display:flex;flex-direction:column}.schemadraw .publish-library-success-close.ToolIcon_type_button{align-self:flex-end;background-color:#228be6}.schemadraw .publish-library-success-close.ToolIcon_type_button:hover{background-color:#1971c2}.schemadraw .publish-library-success-close.ToolIcon_type_button .ToolIcon__icon{color:#fff;font-size:1rem;padding:0 .5rem;width:auto}.schemadraw .library-menu-control-buttons{align-items:center;display:flex;gap:.625rem;justify-content:center;position:relative}.schemadraw .library-menu-control-buttons--at-bottom:before{background:var(--sidebar-border-color);content:"";height:1px;position:absolute;top:-1px;width:calc(100% - 1.5rem)}.schemadraw .library-menu-browse-button{align-items:center;background-color:var(--color-primary);border-radius:var(--border-radius-lg);color:#fff;display:flex;flex:1 1;font-size:.75rem;font-weight:600;height:var(--lg-button-size);justify-content:center;overflow:hidden;position:relative;text-align:center;text-decoration:none!important;white-space:nowrap}.schemadraw .library-menu-browse-button:hover{background-color:var(--color-brand-hover)}.schemadraw .library-menu-browse-button:active{background-color:var(--color-brand-active)}.schemadraw.theme--dark .library-menu-browse-button{color:var(--color-gray-100)}.schemadraw.schemadraw--mobile .library-menu-browse-button{height:var(--default-button-size)}.schemadraw .layer-ui__library .dropdown-menu{bottom:100%;left:auto;margin-bottom:.625rem;right:0;top:auto;width:auto}.schemadraw .layer-ui__library .dropdown-menu .dropdown-menu-container{border-radius:var(--border-radius-lg);box-shadow:var(--library-dropdown-shadow);padding:.25rem .5rem;width:196px}.schemadraw .layer-ui__library .library-menu-dropdown-container{position:relative}.schemadraw .layer-ui__library .library-menu-dropdown-container--in-heading{padding:0;position:absolute;right:.75rem;top:1rem;z-index:1}.schemadraw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu{top:100%}.schemadraw .command-palette-dialog{-webkit-user-select:none;user-select:none}.schemadraw .command-palette-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width:861px){.schemadraw .command-palette-dialog .Modal__content{height:100%;max-height:750px}}.schemadraw .command-palette-dialog .Modal__content .Island{height:100%;padding:1.5rem}.schemadraw .command-palette-dialog .Modal__content .Dialog__content{display:flex;flex-direction:column;height:100%}.schemadraw .command-palette-dialog .shortcuts-wrapper{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:12px}.schemadraw .command-palette-dialog .shortcut{align-items:center;display:flex;font-size:10px;gap:.25rem;height:16px;justify-content:center}.schemadraw .command-palette-dialog .shortcut .shortcut-wrapper{display:flex}.schemadraw .command-palette-dialog .shortcut .shortcut-plus{margin:0 4px}.schemadraw .command-palette-dialog .shortcut .shortcut-key{align-items:center;background-color:var(--color-primary-light);border-radius:4px;display:flex;height:16px;justify-content:center;padding:0 4px}.schemadraw .command-palette-dialog .shortcut .shortcut-desc{color:var(--color-gray-50);margin-left:4px}.schemadraw .command-palette-dialog .commands{box-sizing:border-box;color:var(--popup-text-color);margin-top:12px;overflow-y:auto;-webkit-user-select:none;user-select:none}.schemadraw .command-palette-dialog .commands .command-category{display:flex;flex-direction:column;margin-right:.25rem;padding:12px 0}.schemadraw .command-palette-dialog .commands .command-category-title{align-items:center;display:flex;font-size:1rem;font-weight:600;margin-bottom:6px}.schemadraw .command-palette-dialog .commands .command-item{align-items:center;border-radius:var(--border-radius-lg);box-sizing:border-box;color:var(--popup-text-color);cursor:pointer;display:flex;height:2.5rem;justify-content:space-between;padding:0 .5rem}.schemadraw .command-palette-dialog .commands .command-item:active{background-color:var(--color-surface-low)}.schemadraw .command-palette-dialog .commands .command-item .name{align-items:center;display:flex;gap:.25rem}.schemadraw .command-palette-dialog .commands .item-selected{background-color:var(--color-surface-mid)}.schemadraw .command-palette-dialog .commands .item-disabled{cursor:not-allowed;opacity:.3}.schemadraw .command-palette-dialog .commands .no-match{align-items:center;display:flex;justify-content:center;margin-top:36px}.schemadraw .command-palette-dialog .icon{height:16px;margin-right:6px;width:16px}.schemadraw .context-menu{background-color:var(--popup-secondary-bg-color);border:1px solid var(--button-gray-3);border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.2);cursor:default;list-style:none;margin:-.25rem 0 0 .125rem;padding:.5rem 0;position:relative;-webkit-user-select:none;user-select:none}.schemadraw .context-menu button{color:var(--popup-text-color)}.schemadraw .context-menu-item{align-items:center;background-color:transparent;border:none;border-radius:0;display:grid;grid-template-columns:1fr .2fr;margin:0;min-width:9.5rem;padding:.25rem 1rem .25rem 1.25rem;position:relative;text-align:start;white-space:nowrap;width:100%}.schemadraw .context-menu-item.checkmark:before{content:"✓";left:6px;margin-bottom:1px;position:absolute}.schemadraw .context-menu-item.dangerous .context-menu-item__label{color:#f03e3e}.schemadraw .context-menu-item .context-menu-item__label{-webkit-margin-end:20px;justify-self:start;margin-inline-end:20px}.schemadraw .context-menu-item .context-menu-item__shortcut{font-family:inherit;font-size:.7rem;justify-self:end;opacity:.6}.schemadraw .context-menu-item:hover{background-color:var(--select-highlight-color);color:var(--popup-bg-color)}.schemadraw .context-menu-item:hover.dangerous{background-color:#fa5252}.schemadraw .context-menu-item:hover.dangerous .context-menu-item__label{color:var(--popup-bg-color)}.schemadraw .context-menu-item:focus{z-index:1}.schemadraw--mobile.schemadraw .context-menu-item{display:block}.schemadraw--mobile.schemadraw .context-menu-item .context-menu-item__label{-webkit-margin-end:0;margin-inline-end:0}.schemadraw--mobile.schemadraw .context-menu-item .context-menu-item__shortcut{display:none}.schemadraw .context-menu-item-separator{border:none;border-top:1px solid #adb5bd}.schemadraw{--RadioGroup-background:var(--island-bg-color);--RadioGroup-border:var(--color-surface-high);--RadioGroup-choice-color-off:var(--color-primary);--RadioGroup-choice-color-off-hover:var(--color-brand-hover);--RadioGroup-choice-background-off:var(--island-bg-color);--RadioGroup-choice-background-off-active:var(--color-surface-high);--RadioGroup-choice-color-on:var(--color-surface-lowest);--RadioGroup-choice-background-on:var(--color-primary);--RadioGroup-choice-background-on-hover:var(--color-brand-hover);--RadioGroup-choice-background-on-active:var(--color-brand-active)}.schemadraw .RadioGroup{align-items:flex-start;background:var(--RadioGroup-background);border:1px solid var(--RadioGroup-border);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;padding:3px}.schemadraw .RadioGroup__choice{align-items:center;background:var(--RadioGroup-choice-background-off);border-radius:8px;color:var(--RadioGroup-choice-color-off);display:flex;font-family:Assistant;font-size:.75rem;font-style:normal;font-weight:600;height:24px;justify-content:center;letter-spacing:.4px;line-height:100%;position:relative;transition:all 75ms ease-out;-webkit-user-select:none;user-select:none;width:32px}.schemadraw .RadioGroup__choice:hover{color:var(--RadioGroup-choice-color-off-hover)}.schemadraw .RadioGroup__choice:active{background:var(--RadioGroup-choice-background-off-active)}.schemadraw .RadioGroup__choice.active{background:var(--RadioGroup-choice-background-on);color:var(--RadioGroup-choice-color-on)}.schemadraw .RadioGroup__choice.active:hover{background:var(--RadioGroup-choice-background-on-hover)}.schemadraw .RadioGroup__choice.active:active{background:var(--RadioGroup-choice-background-on-active)}.schemadraw .RadioGroup__choice input{-webkit-appearance:none;appearance:none;border-radius:8px;cursor:pointer;height:100%;margin:0;padding:0;position:absolute;width:100%;z-index:1}.schemadraw{--Switch-disabled-color:var(--color-border-outline);--Switch-disabled-toggled-background:var(--color-border-outline-variant);--Switch-disabled-border:var(--color-border-outline-variant);--Switch-track-background:var(--island-bg-color);--Switch-thumb-background:var(--color-on-surface);--Switch-hover-background:var(--color-brand-hover);--Switch-active-background:var(--color-brand-active)}.schemadraw .Switch{background:var(--Switch-track-background);border:1px solid var(--Switch-disabled-color);border-radius:12px;box-sizing:border-box;height:20px;position:relative;transition-duration:.15s;transition-property:background,border;transition-timing-function:ease-out;width:40px}.schemadraw .Switch:hover{background:var(--Switch-track-background);border:1px solid var(--Switch-hover-background)}.schemadraw .Switch:active{border:1px solid var(--Switch-active-background)}.schemadraw .Switch.toggled{background:var(--color-primary);border:1px solid var(--color-primary)}.schemadraw .Switch.toggled:hover{background:var(--color-primary-darker);border:1px solid var(--color-primary-darker)}.schemadraw .Switch.disabled{background:var(--Switch-track-background);border:1px solid var(--Switch-disabled-border)}.schemadraw .Switch.disabled.toggled{background:var(--Switch-disabled-toggled-background);border:1px solid var(--Switch-disabled-toggled-background)}.schemadraw .Switch:before{background:var(--Switch-thumb-background);border-radius:100%;box-sizing:border-box;content:"";display:block;height:10px;left:4px;pointer-events:none;position:absolute;top:4px;transition:all .15s ease-out;width:10px}.schemadraw .Switch:active:before{width:12px}.schemadraw .Switch.toggled:before{background:var(--Switch-track-background);height:14px;left:22px;top:2px;width:14px}.schemadraw .Switch.toggled:active:before{left:20px;width:16px}.schemadraw .Switch.disabled.toggled:before,.schemadraw .Switch.disabled:before{background:var(--Switch-disabled-color)}.schemadraw .Switch input{-webkit-appearance:none;appearance:none;border-radius:12px;cursor:pointer;height:100%;margin:0;width:100%}.schemadraw .Switch input:disabled{cursor:inherit}.schemadraw{--ImageExportModal-preview-border:#d6d6d6}.schemadraw.theme--dark{--ImageExportModal-preview-border:#5c5c5c}.schemadraw .ImageExportModal{display:flex;flex-direction:row;justify-content:space-between;-webkit-user-select:none;user-select:none}.schemadraw .ImageExportModal h3{font-family:Assistant;font-size:1.313rem;font-style:normal;font-weight:700;line-height:130%;margin:0;padding:0}.schemadraw .ImageExportModal>h3,.schemadraw--mobile.schemadraw .ImageExportModal h3{display:none}.schemadraw--mobile.schemadraw .ImageExportModal>h3{display:block}.schemadraw--mobile.schemadraw .ImageExportModal{flex-direction:column;height:calc(100vh - 5rem)}.schemadraw .ImageExportModal__preview{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:360px;margin-right:1.5rem;width:55%}.schemadraw--mobile.schemadraw .ImageExportModal__preview{flex-grow:1;height:auto;margin-right:0;max-width:none;width:100%}.schemadraw .ImageExportModal__preview__filename>input{margin-top:1rem}.schemadraw .ImageExportModal__preview__canvas{align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) 0;border:1px solid var(--ImageExportModal-preview-border);border-radius:12px;box-sizing:border-box;display:flex;flex-grow:1;height:100%;justify-content:center;overflow:hidden;padding:1rem;width:100%}.schemadraw .ImageExportModal__preview__canvas>canvas{-webkit-filter:none!important;filter:none!important;max-height:calc(100% - 2rem);max-width:calc(100% - 2rem)}.schemadraw--mobile.schemadraw .ImageExportModal__preview__canvas>canvas{max-height:100%}.schemadraw--mobile.schemadraw .ImageExportModal__preview__canvas{margin-top:24px;max-width:none}.schemadraw .ImageExportModal__settings{display:flex;flex-direction:column;flex-wrap:wrap;gap:18px}.schemadraw--mobile.schemadraw .ImageExportModal__settings{align-content:flex-start;flex-direction:row;gap:6px 34px;margin-left:0;margin-top:1rem}.schemadraw .ImageExportModal__settings__setting{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.schemadraw--mobile.schemadraw .ImageExportModal__settings__setting{align-items:start;flex-direction:column;height:52px;justify-content:normal}.schemadraw .ImageExportModal__settings__setting__label{align-items:center;display:flex;flex-direction:row;font-family:Assistant;font-size:1rem;font-weight:600;line-height:150%}.schemadraw .ImageExportModal__settings__setting__label svg{height:20px;margin-left:10px;width:20px}.schemadraw .ImageExportModal__settings__setting__content{align-items:center;display:flex;height:100%}.schemadraw .ImageExportModal__settings__buttons{align-content:flex-end;align-items:flex-end;display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;gap:11px}.schemadraw--mobile.schemadraw .ImageExportModal__settings__buttons{flex-basis:100%;justify-content:center;padding-top:32px}.schemadraw .ExcButton{--text-color:transparent;--border-color:transparent;--back-color:transparent;align-items:center;background-color:var(--back-color);border-color:var(--border-color);border-radius:.5rem;border-style:solid;border-width:1px;color:var(--text-color);display:flex;flex-shrink:0;flex-wrap:nowrap;font-family:Assistant;justify-content:center;transition:all .15s ease-out;-webkit-user-select:none;user-select:none}.schemadraw .ExcButton--color-primary.ExcButton--variant-filled{--text-color:var(--color-surface-lowest);--back-color:var(--color-primary)}.schemadraw .ExcButton--color-primary.ExcButton--variant-filled:hover{--back-color:var(--color-brand-hover)}.schemadraw .ExcButton--color-primary.ExcButton--variant-filled:active{--back-color:var(--color-brand-active)}.schemadraw .ExcButton--color-primary.ExcButton--variant-icon,.schemadraw .ExcButton--color-primary.ExcButton--variant-outlined{--text-color:var(--color-primary);--border-color:var(--color-border-outline);--back-color:transparent}.schemadraw .ExcButton--color-primary.ExcButton--variant-icon:hover,.schemadraw .ExcButton--color-primary.ExcButton--variant-outlined:hover{--text-color:var(--color-brand-hover);--border-color:var(--color-brand-hover)}.schemadraw .ExcButton--color-primary.ExcButton--variant-icon:active,.schemadraw .ExcButton--color-primary.ExcButton--variant-outlined:active{--text-color:var(--color-brand-active);--border-color:var(--color-brand-active)}.schemadraw .ExcButton--color-danger.ExcButton--variant-filled{--text-color:var(--color-danger-text);--back-color:var(--color-danger-dark)}.schemadraw .ExcButton--color-danger.ExcButton--variant-filled:hover{--back-color:var(--color-danger-darker)}.schemadraw .ExcButton--color-danger.ExcButton--variant-filled:active{--back-color:var(--color-danger-darkest)}.schemadraw .ExcButton--color-danger.ExcButton--variant-icon,.schemadraw .ExcButton--color-danger.ExcButton--variant-outlined{--text-color:var(--color-danger);--border-color:var(--color-danger);--back-color:transparent}.schemadraw .ExcButton--color-danger.ExcButton--variant-icon:hover,.schemadraw .ExcButton--color-danger.ExcButton--variant-outlined:hover{--text-color:var(--color-danger-darkest);--border-color:var(--color-danger-darkest)}.schemadraw .ExcButton--color-danger.ExcButton--variant-icon:active,.schemadraw .ExcButton--color-danger.ExcButton--variant-outlined:active{--text-color:var(--color-danger-darker);--border-color:var(--color-danger-darker)}.schemadraw .ExcButton--color-muted.ExcButton--variant-filled{--text-color:var(--island-bg-color);--back-color:var(--color-gray-50)}.schemadraw .ExcButton--color-muted.ExcButton--variant-filled:hover{--back-color:var(--color-gray-60)}.schemadraw .ExcButton--color-muted.ExcButton--variant-filled:active{--back-color:var(--color-gray-80)}.schemadraw .ExcButton--color-muted.ExcButton--variant-icon,.schemadraw .ExcButton--color-muted.ExcButton--variant-outlined{--text-color:var(--color-muted-background);--border-color:var(--color-muted);--back-color:var(--island-bg-color)}.schemadraw .ExcButton--color-muted.ExcButton--variant-icon:hover,.schemadraw .ExcButton--color-muted.ExcButton--variant-outlined:hover{--text-color:var(--color-muted-background-darker);--border-color:var(--color-muted-darker)}.schemadraw .ExcButton--color-muted.ExcButton--variant-icon:active,.schemadraw .ExcButton--color-muted.ExcButton--variant-outlined:active{--text-color:var(--color-muted-background-darker);--border-color:var(--color-muted-darkest)}.schemadraw .ExcButton--color-warning.ExcButton--variant-filled{--text-color:#000;--back-color:var(--color-warning-dark)}.schemadraw .ExcButton--color-warning.ExcButton--variant-filled:hover{--back-color:var(--color-warning-darker)}.schemadraw .ExcButton--color-warning.ExcButton--variant-filled:active{--back-color:var(--color-warning-darkest)}.schemadraw .ExcButton--color-warning.ExcButton--variant-icon,.schemadraw .ExcButton--color-warning.ExcButton--variant-outlined{--text-color:var(--color-warning-dark);--border-color:var(--color-warning-dark);--back-color:var(--input-bg-color)}.schemadraw .ExcButton--color-warning.ExcButton--variant-icon:hover,.schemadraw .ExcButton--color-warning.ExcButton--variant-outlined:hover{--text-color:var(--color-warning-darker);--border-color:var(--color-warning-darker)}.schemadraw .ExcButton--color-warning.ExcButton--variant-icon:active,.schemadraw .ExcButton--color-warning.ExcButton--variant-outlined:active{--text-color:var(--color-warning-darkest);--border-color:var(--color-warning-darkest)}.schemadraw .ExcButton--size-large{font-size:.875rem;font-weight:600;gap:.75rem;letter-spacing:.4px;min-height:3rem;padding:.5rem 1.5rem}.schemadraw .ExcButton--size-medium{font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:normal;min-height:2.5rem;padding:.5rem 1rem}.schemadraw .ExcButton--variant-icon{padding:.5rem .75rem;width:3rem}.schemadraw .ExcButton--fullWidth{width:100%}.schemadraw .ExcButton__icon{height:1.25rem;width:1.25rem}.schemadraw .FixedSideContainer{pointer-events:none;position:absolute}.schemadraw .FixedSideContainer>*{pointer-events:all}.schemadraw .FixedSideContainer_side_top{bottom:var(--editor-container-padding);left:var(--editor-container-padding);right:var(--editor-container-padding);top:var(--editor-container-padding);z-index:1000}.schemadraw .FixedSideContainer_side_top.zen-mode{right:42px}.schemadraw .HintViewer{box-sizing:border-box;color:var(--color-gray-40);display:flex;font-size:.75rem;justify-content:center;left:0;margin-top:.5rem;max-width:100%;pointer-events:none;position:absolute;text-align:center;top:100%;width:100%}.schemadraw--mobile.schemadraw .HintViewer{padding-right:2rem;position:static}.schemadraw .HintViewer>span{padding:.25rem}.schemadraw.theme--dark .HintViewer{color:var(--color-gray-60)}.schemadraw--mobile.schemadraw .PasteChartDialog .Island{display:flex;flex-direction:column}.schemadraw .PasteChartDialog .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.schemadraw--mobile.schemadraw .PasteChartDialog .container{flex-direction:column;justify-content:center}.schemadraw .PasteChartDialog .ChartPreview{align-items:center;background:transparent;border:1px solid #ced4da;border-radius:2px;display:flex;height:128px;justify-content:center;margin:8px;padding:1px;text-align:center;width:192px}.schemadraw .PasteChartDialog .ChartPreview div{display:inline-block}.schemadraw .PasteChartDialog .ChartPreview svg{max-height:120px;max-width:186px}.schemadraw .PasteChartDialog .ChartPreview:hover{border:2px solid #339af0;padding:0}.schemadraw .HelpDialog .Modal__content{max-width:960px}.schemadraw .HelpDialog h3{font-size:1.125rem;font-weight:700;margin:1.5rem 0}.schemadraw .HelpDialog__header{display:flex;flex-wrap:wrap;gap:.75rem}.schemadraw .HelpDialog__btn{align-items:center;border:1px solid var(--default-border-color);border-radius:var(--border-radius-lg);color:var(--text-primary-color);-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;font-size:.75rem;font-weight:600;letter-spacing:.4px;padding:.625rem 1rem}.schemadraw .HelpDialog__btn:hover{text-decoration:none}.schemadraw .HelpDialog__link-icon{line-height:0}.schemadraw .HelpDialog__link-icon svg{height:1rem;width:1rem}.schemadraw .HelpDialog__islands-container{grid-column-gap:1.5rem;grid-row-gap:2rem;display:grid}@media screen and (min-width:1024px){.schemadraw .HelpDialog__islands-container{grid-template-columns:1fr 1fr}.schemadraw .HelpDialog__island--tools{grid-area:1/1/2/2}.schemadraw .HelpDialog__island--view{grid-area:2/1/3/2}.schemadraw .HelpDialog__island--editor{grid-area:1/2/3/3}}.schemadraw .HelpDialog__island h4{font-size:1rem;font-weight:700;margin:0 0 .625rem}.schemadraw .HelpDialog__island-content{border:1px solid var(--dialog-border-color);border-radius:var(--border-radius-lg)}.schemadraw .HelpDialog__shortcut{align-items:center;border-bottom:1px solid var(--dialog-border-color);-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;font-size:.875rem;justify-content:space-between;padding:.375rem .75rem}.schemadraw .HelpDialog__shortcut:last-child{border-bottom:none}.schemadraw .HelpDialog__key-container{align-items:center;-webkit-column-gap:.25rem;column-gap:.25rem;display:flex;flex-shrink:0}.schemadraw .HelpDialog__key{align-items:center;background-color:var(--color-primary-light);border-radius:var(--border-radius-md);box-sizing:border-box;display:flex;font-family:inherit;font-size:.625rem;line-height:1;padding:.5rem;word-break:keep-all}.schemadraw .Card{align-items:center;display:flex;flex-direction:column;margin:1em;max-width:290px;text-align:center}.schemadraw .Card .Card-icon{background:var(--card-color);border-radius:50%;color:#fff;display:flex;flex:0 0 auto;font-size:2.6em;padding:1.4rem}.schemadraw .Card .Card-icon svg{height:2.8rem;width:2.8rem}.schemadraw .Card .Card-details{font-size:.96em;margin-bottom:auto;min-height:90px;padding:0 1em}.schemadraw .Card .Card-button.ToolIcon_type_button{background-color:var(--card-color);height:2.5rem;margin-bottom:.3em;margin-top:1em}.schemadraw .Card .Card-button.ToolIcon_type_button:hover{background-color:var(--card-color-darker)}.schemadraw .Card .Card-button.ToolIcon_type_button:active{background-color:var(--card-color-darkest)}.schemadraw .Card .Card-button.ToolIcon_type_button .ToolIcon__label{color:#fff}.schemadraw .Card .Card-button.ToolIcon_type_button .Spinner{--spinner-color:#fff}.schemadraw .ExportDialog__preview{--preview-padding:calc(var(--space-factor)*4);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) 0;margin-bottom:calc(var(--space-factor)*3);padding:var(--preview-padding);text-align:center}.schemadraw .ExportDialog__preview canvas{max-height:25rem;max-width:calc(100% - var(--preview-padding)*2)}.schemadraw.theme--dark .ExportDialog__preview canvas{-webkit-filter:none;filter:none}.schemadraw .ExportDialog__actions{grid-gap:calc(var(--space-factor)*2);align-items:top;display:flex;justify-content:space-between;width:100%}.schemadraw--mobile.schemadraw .ExportDialog{display:flex;flex-direction:column}.schemadraw--mobile.schemadraw .ExportDialog__actions{align-items:center;flex-direction:column}.schemadraw--mobile.schemadraw .ExportDialog__actions>*{margin-bottom:calc(var(--space-factor)*3)}.schemadraw--mobile.schemadraw .ExportDialog__preview canvas{max-height:30vh}.schemadraw--mobile.schemadraw .ExportDialog__dialog,.schemadraw--mobile.schemadraw .ExportDialog__dialog .Island{box-sizing:border-box;height:100%}.schemadraw--mobile.schemadraw .ExportDialog__dialog .Island{overflow-y:auto}.schemadraw .ExportDialog--json .ExportDialog-cards{grid-row-gap:2em;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;row-gap:2em}@media(max-width:460px){.schemadraw .ExportDialog--json .ExportDialog-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.schemadraw .ExportDialog--json .ExportDialog-cards .Card-details{min-height:40px}}.schemadraw .ExportDialog--json .ExportDialog-cards .ProjectName{align-items:flex-start;flex-direction:column;margin:1em auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.schemadraw .ExportDialog--json .ExportDialog-cards .ProjectName .TextInput{width:auto}.schemadraw .ExportDialog--json .ExportDialog-cards .ProjectName-label{font-weight:700;margin:.625em 0}.schemadraw button.ExportDialog-imageExportButton{align-items:center;background-color:var(--button-color);border:0;border-radius:1rem;box-shadow:0 3px 5px -1px rgba(0,0,0,.28),0 6px 10px 0 rgba(0,0,0,.14);color:#fff;display:flex;font-family:Cascadia;font-size:1.8em;height:5rem;justify-content:center;margin:0 .2em;padding:0;width:5rem}.schemadraw button.ExportDialog-imageExportButton:hover{background-color:var(--button-color-darker)}.schemadraw button.ExportDialog-imageExportButton:active{background-color:var(--button-color-darkest);box-shadow:none}.schemadraw button.ExportDialog-imageExportButton svg{width:.9em}.schemadraw .OverwriteConfirm{align-items:center;display:flex;flex-direction:column;gap:.75rem;isolation:isolate}.schemadraw .OverwriteConfirm h3{align-self:flex-start;color:var(--text-primary-color);font-size:1.3125rem;font-weight:700;line-height:130%;margin:0}.schemadraw .OverwriteConfirm__Description{align-items:center;background:var(--color-danger-background);border-radius:.5rem;box-sizing:border-box;color:var(--color-danger-color);display:flex;flex-direction:row;font-family:Assistant;font-size:1rem;font-style:normal;font-weight:400;gap:1rem;line-height:150%;padding:2.5rem;width:100%}.schemadraw--mobile.schemadraw .OverwriteConfirm__Description{flex-direction:column;text-align:center}.schemadraw .OverwriteConfirm__Description__spacer{flex-grow:1}.schemadraw .OverwriteConfirm__Description__icon{align-items:center;background:var(--color-danger-icon-background);border-radius:2.5rem;box-sizing:border-box;display:flex;height:3.5rem;justify-content:center;padding:.75rem;width:3.5rem}.schemadraw .OverwriteConfirm__Description__icon svg{color:var(--color-danger-icon-color);height:1.5rem;width:1.5rem}.schemadraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning{background:var(--color-warning-background);color:var(--color-warning-color)}.schemadraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon{background:var(--color-warning-icon-background);flex:0 0 auto}.schemadraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon svg{color:var(--color-warning-icon-color)}.schemadraw .OverwriteConfirm__Actions{align-items:stretch;display:flex;flex-direction:row;gap:1.5rem;justify-content:center;justify-items:stretch}.schemadraw--mobile.schemadraw .OverwriteConfirm__Actions{flex-direction:column}.schemadraw .OverwriteConfirm__Actions__Action{align-items:center;display:flex;flex-basis:50%;flex-direction:column;flex-grow:0;gap:.75rem;padding:1.5rem}.schemadraw .OverwriteConfirm__Actions__Action__content{font-size:.875rem;height:100%;text-align:center}.schemadraw .OverwriteConfirm__Actions__Action h4{color:var(--text-primary-color);font-size:1.125rem;font-weight:700;line-height:130%;margin:0}.schemadraw .layer-ui__wrapper.animate{transition:width .1s ease-in-out}.schemadraw .layer-ui__wrapper{height:100%;pointer-events:none;position:absolute;width:100%;z-index:var(--zIndex-layerUI)}.schemadraw .layer-ui__wrapper__top-right{display:flex;gap:.75rem}.schemadraw .layer-ui__wrapper__footer{width:100%}.schemadraw .layer-ui__wrapper__footer-right{display:flex;z-index:100}.schemadraw .layer-ui__wrapper .zen-mode-transition{transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}:root[dir=ltr] .schemadraw .layer-ui__wrapper .zen-mode-transition.transition-left{-webkit-transform:translate(-999px);transform:translate(-999px)}:root[dir=ltr] .schemadraw .layer-ui__wrapper .zen-mode-transition.transition-right,:root[dir=rtl] .schemadraw .layer-ui__wrapper .zen-mode-transition.transition-left{-webkit-transform:translate(999px);transform:translate(999px)}:root[dir=rtl] .schemadraw .layer-ui__wrapper .zen-mode-transition.transition-right{-webkit-transform:translate(-999px);transform:translate(-999px)}.schemadraw .layer-ui__wrapper .zen-mode-transition.layer-ui__wrapper__footer-left--transition-bottom{-webkit-transform:translateY(92px);transform:translateY(92px)}.schemadraw .layer-ui__wrapper .disable-zen-mode{background-color:var(--island-bg-color);border:1px solid var(--default-border-color);border-radius:var(--border-radius-lg);bottom:0;color:var(--text-primary-color);font-family:var(--ui-font);font-size:.75rem;font-weight:500;line-height:1;opacity:0;padding:10px;position:absolute;transition:visibility 0s linear 0s,opacity .5s;visibility:hidden}[dir=ltr] .schemadraw .layer-ui__wrapper .disable-zen-mode{right:1rem}[dir=rtl] .schemadraw .layer-ui__wrapper .disable-zen-mode{left:1rem}.schemadraw .layer-ui__wrapper .disable-zen-mode:hover{background-color:var(--button-hover-bg)}.schemadraw .layer-ui__wrapper .disable-zen-mode:active{border-color:var(--color-primary)}.schemadraw .layer-ui__wrapper .disable-zen-mode--visible{opacity:1;pointer-events:var(--ui-pointerEvents);transition:visibility 0s linear .3s,opacity .5s;transition-delay:.8s;visibility:visible}.schemadraw .layer-ui__wrapper .disable-zen-mode--visible,.schemadraw .layer-ui__wrapper .layer-ui__wrapper__footer-left,.schemadraw .layer-ui__wrapper .layer-ui__wrapper__footer-right{pointer-events:all}.schemadraw .layer-ui__wrapper .layer-ui__wrapper__footer-right{margin-bottom:auto;margin-top:auto}.schemadraw .App-toolbar.zen-mode .HintViewer,.schemadraw .App-toolbar.zen-mode .ToolIcon__keybinding{display:none}.schemadraw .App-toolbar__divider{height:1px;width:1.5rem}.schemadraw .App-toolbar__divider,.schemadraw .App-toolbar__divider_col{align-self:center;background-color:var(--default-border-color);margin:0 .5rem}.schemadraw .App-toolbar__divider_col{height:1.5rem;width:1px}.schemadraw .dialog-mermaid-title{font-size:1.25rem;font-weight:700;margin-block:.25rem;padding-inline:2.5rem}.schemadraw .Modal.Dialog.ttd-dialog{padding:1.25rem;z-index:100000}.schemadraw .Modal.Dialog.ttd-dialog.Dialog--fullscreen{margin-top:0}.schemadraw .Modal.Dialog.ttd-dialog .Island{box-shadow:none;display:flex;flex:1 1 auto;flex-direction:column;height:100%;padding-inline:0!important}.schemadraw .Modal.Dialog.ttd-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width:861px){.schemadraw .Modal.Dialog.ttd-dialog .Modal__content{height:100%;max-height:750px}}.schemadraw .Modal.Dialog.ttd-dialog .Dialog__content{flex:1 1 auto}.schemadraw .ttd-dialog-desc{font-size:15px;font-weight:500;margin-bottom:1rem}.schemadraw .ttd-dialog-example{color:gray;font-size:15px;font-style:italic;margin-bottom:1.5rem}.schemadraw .ttd-dialog-tabs-root{display:flex;flex-direction:column;height:100%;width:100%}.schemadraw .ttd-dialog-tab-trigger{background-color:transparent;border:0;color:var(--color-on-surface);font-family:inherit;font-size:.875rem;font-weight:600;height:2.875rem;letter-spacing:.4px;margin:0;padding:0 1rem}.schemadraw .ttd-dialog-tab-trigger[data-state=active]{border-bottom:2px solid var(--color-primary)}.schemadraw .ttd-dialog-triggers{border-bottom:1px solid var(--color-surface-high);margin-bottom:1.5rem;padding-inline:2.5rem}.schemadraw .ttd-dialog-content{display:flex;flex-direction:column;height:100%;padding-inline:2.5rem}.schemadraw .ttd-dialog-content[hidden]{display:none}.schemadraw .ttd-dialog-input{border:1px solid var(--dialog-border-color);border-radius:var(--border-radius-lg);box-sizing:border-box;font-family:monospace;height:10rem;padding:.85rem;resize:none;white-space:pre-wrap;width:auto}@media screen and (min-width:861px){.schemadraw .ttd-dialog-input{height:100%;width:100%}}.schemadraw .ttd-dialog-output-wrapper{align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) 0;border:1px solid var(--dialog-border-color);border-radius:var(--border-radius-lg);box-sizing:border-box;display:flex;flex-grow:1;height:400px;justify-content:center;padding:.85rem;position:relative;width:auto}@media screen and (min-width:861px){.schemadraw .ttd-dialog-output-wrapper{height:200px;width:100%}}.schemadraw .ttd-dialog-output-wrapper canvas{max-height:100%;max-width:100%}.schemadraw .ttd-dialog-output-canvas-container{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;width:100%}.schemadraw .ttd-dialog-output-error{color:red;font-size:30px;font-weight:700;height:100%;max-height:100%;overflow:auto;position:absolute;text-align:center;width:100%;word-break:break-word;z-index:10}.schemadraw .ttd-dialog-output-error p{font-family:Cascadia;font-size:.875rem;font-weight:500;padding:0 10px;text-align:left;white-space:pre-wrap}.schemadraw .ttd-dialog-panels{height:100%}@media screen and (min-width:861px){.schemadraw .ttd-dialog-panels{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}}.schemadraw .ttd-dialog-panel{display:flex;flex-direction:column;width:100%}.schemadraw .ttd-dialog-panel__header{align-items:center;display:flex;gap:1rem;margin:0 4px 4px}.schemadraw .ttd-dialog-panel__header label{font-size:14px;font-style:normal;font-weight:600}.schemadraw .ttd-dialog-panel:first-child .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:4rem}@media screen and (min-width:861px){.schemadraw .ttd-dialog-panel .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:.5rem!important}}.schemadraw .ttd-dialog-panel textarea{border:1px solid var(--dialog-border-color);border-radius:var(--border-radius-lg);box-sizing:border-box;font-family:monospace;height:100%;padding:.85rem;resize:none;white-space:pre-wrap;width:100%}@media screen and (max-width:861px){.schemadraw .ttd-dialog-panel textarea{height:10rem;width:auto}}.schemadraw .ttd-dialog-panel-button-container{margin-bottom:.5rem;margin-top:1rem}.schemadraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:none}@media screen and (min-width:861px){.schemadraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:block;visibility:hidden}}.schemadraw .ttd-dialog-panel-button{position:relative}.schemadraw .ttd-dialog-panel-button.schemadraw-button{background-color:var(--color-primary);color:#fff;font-family:inherit;font-size:12px;font-weight:600;height:2.5rem;width:100%}.schemadraw .ttd-dialog-panel-button.schemadraw-button:hover{background-color:var(--color-primary-darker)}.schemadraw .ttd-dialog-panel-button.schemadraw-button:active{background-color:var(--color-primary-darkest)}.schemadraw .ttd-dialog-panel-button.schemadraw-button:disabled{cursor:not-allowed;opacity:.5}.schemadraw .ttd-dialog-panel-button.schemadraw-button:disabled:hover{background-color:var(--color-primary)}@media screen and (min-width:861px){.schemadraw .ttd-dialog-panel-button.schemadraw-button{min-width:7.5rem;width:auto}}.schemadraw.theme--dark.schemadraw .ttd-dialog-panel-button.schemadraw-button{color:var(--color-gray-100)}.schemadraw .ttd-dialog-panel-button div{display:contents}.schemadraw .ttd-dialog-panel-button div.invisible{visibility:hidden}.schemadraw .ttd-dialog-panel-button div.Spinner{--spinner-color:#fff;display:flex!important;inset:0;position:absolute}.schemadraw.theme--dark.schemadraw .ttd-dialog-panel-button div.Spinner{--spinner-color:var(--color-gray-100)}.schemadraw .ttd-dialog-panel-button div span{display:flex;padding-left:.5rem}.schemadraw .ttd-dialog-submit-shortcut{-webkit-margin-start:.5rem;display:flex;font-size:.625rem;gap:.125rem;margin-inline-start:.5rem;opacity:.6}.schemadraw .ttd-dialog-submit-shortcut__key{border:1px solid gray;border-radius:4px;padding:2px 3px}.schemadraw .MagicSettings .Island{display:flex;flex-direction:column;height:100%}.schemadraw .MagicSettings-confirm{padding:.5rem 1rem}.schemadraw .MagicSettings__confirm{margin-right:auto;margin-top:2rem}.schemadraw .Stats{bottom:20px;font-size:12px;pointer-events:all;position:absolute;right:12px;z-index:10}.schemadraw .Stats h3{margin:0 24px 8px 0;white-space:nowrap}.schemadraw .Stats .close{cursor:pointer;float:right;height:16px;width:16px}.schemadraw .Stats .close svg{height:100%;width:100%}.schemadraw .Stats table{width:100%}.schemadraw .Stats table th{border-bottom:1px solid var(--input-border-color);padding:4px}.schemadraw .Stats table tr td:nth-child(2){min-width:24px;text-align:right}:root[dir=rtl] .schemadraw .Stats{left:12px;right:auto}:root[dir=rtl] .schemadraw .Stats h3{margin:0 0 8px 24px}:root[dir=rtl] .schemadraw .Stats .close{float:left}.schemadraw .Toast{-webkit-animation:fade-in .5s;animation:fade-in .5s;background-color:var(--button-gray-1);border-radius:4px;bottom:10px;box-sizing:border-box;cursor:default;left:50%;margin-left:-150px;padding:4px 0;position:absolute;text-align:center;width:300px;z-index:999999}.schemadraw .Toast .Toast__message{color:var(--popup-text-color);padding:0 1.6rem;white-space:pre-wrap}.schemadraw .Toast .close{padding:.4rem;position:absolute;right:0;top:0}.schemadraw .Toast .close .ToolIcon__icon{height:1.2rem;width:1.2rem}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.schemadraw .SVGLayer{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:2}.schemadraw .SVGLayer svg{height:100%;image-rendering:auto;left:0;overflow:visible;position:absolute;top:0;width:100%}.schemadraw .schemadraw-canvas-buttons{background:var(--island-bg-color);border-radius:var(--border-radius-lg);box-shadow:0 2px 4px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;gap:.375rem;position:absolute;z-index:var(--zIndex-canvasButtons)}.schemadraw .Dialog{cursor:auto;-webkit-user-select:text;user-select:text}.schemadraw .Dialog__title{border-bottom:1px solid var(--dialog-border-color);font-size:1.25rem;margin:0 0 1.5rem;padding:0 0 .75rem;text-align:left}.schemadraw .Dialog__close{background-color:transparent;border:0;color:var(--color-gray-40);cursor:pointer;line-height:0;margin:0;position:absolute;right:.5rem;top:.75rem}.schemadraw .Dialog__close:hover{color:var(--color-gray-60)}.schemadraw .Dialog__close:active{color:var(--color-gray-40)}.schemadraw .Dialog__close svg{height:1.5rem;width:1.5rem}.schemadraw .Dialog--fullscreen .Dialog__close{right:1.25rem;top:1.25rem}.schemadraw.schemadraw-modal-container{position:absolute;z-index:10}.schemadraw .Modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:calc(var(--space-factor)*10);position:absolute;right:0;top:0}.schemadraw .Modal .Island{padding:2.5rem!important}.schemadraw .Modal__background{background-color:hsla(0,0%,7%,.2);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.schemadraw .Modal__content{-webkit-animation:Modal__content_fade-in .1s ease-out .05s forwards;animation:Modal__content_fade-in .1s ease-out .05s forwards;background:var(--island-bg-color);border:1px solid var(--dialog-border-color);border-radius:6px;box-shadow:var(--modal-shadow);box-sizing:border-box;max-height:100%;max-width:var(--max-width);opacity:0;overflow-y:auto;position:relative;-webkit-transform:translateY(10px);transform:translateY(10px);width:100%;z-index:2}.schemadraw .Modal__content:focus{outline:none}.schemadraw--mobile.schemadraw .Modal__content{border:0;border-radius:0;max-width:100%}@-webkit-keyframes Modal__content_fade-in{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Modal__content_fade-in{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.schemadraw .Modal__close{background-color:transparent;border:0;color:var(--icon-fill-color);cursor:pointer;line-height:0;margin:0;padding:.375rem;position:absolute;right:1rem;top:1rem}.schemadraw .Modal__close svg{height:1.5rem;width:1.5rem}.schemadraw--mobile.schemadraw .Modal{padding:0}.schemadraw--mobile.schemadraw .Modal__content{bottom:0;left:0;position:absolute;right:0;top:0}.schemadraw .collab-errors-button{-webkit-margin-end:1rem;color:var(--color-danger);flex-shrink:0;height:26px;margin-inline-end:1rem;width:26px}.schemadraw .collab-errors-button-shake{-webkit-animation:strong-shake .15s 6;animation:strong-shake .15s 6}@-webkit-keyframes strong-shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes strong-shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.schemadraw{--color-primary-contrast-offset:#625ee0}.schemadraw.theme--dark{--color-primary-contrast-offset:#726dff}.schemadraw .footer-center{justify-content:flex-end}.schemadraw .encrypted-icon,.schemadraw .footer-center{-webkit-margin-start:auto;margin-bottom:auto;margin-top:auto;margin-inline-start:auto}.schemadraw .encrypted-icon{-webkit-margin-end:.6em;border-radius:var(--space-factor);color:var(--color-primary);margin-inline-end:.6em}.schemadraw .encrypted-icon svg{height:1.2rem;width:1.2rem}.schemadraw .dropdown-menu-container .dropdown-menu-item.active-collab{background-color:#ecfdf5;color:#064e3c}.schemadraw .dropdown-menu-container .dropdown-menu-item.SchemadrawPlus{color:var(--color-promo)}.schemadraw.theme--dark .dropdown-menu-item.active-collab{background-color:#064e3c;color:#ecfdf5}.schemadraw-app.is-collaborating [data-testid=clear-canvas-button]{display:none}.plus-button{align-items:center;border:1px solid var(--color-primary);border-radius:var(--space-factor);box-sizing:border-box;color:var(--color-primary)!important;cursor:pointer;display:flex;font-size:.75rem;height:var(--default-button-size);justify-content:center;padding:.5rem .75rem;text-decoration:none!important}.plus-button:hover{background-color:var(--color-primary);color:#fff!important}.plus-button:active{background-color:var(--color-primary-darker)}.theme--dark .plus-button:hover{color:#000!important}.schemadraw .ShareableLinkDialog{color:var(--text-primary-color);display:flex;flex-direction:column;gap:1.5rem}.schemadraw .ShareableLinkDialog ::selection{background:var(--color-primary-light-darker)}.schemadraw .ShareableLinkDialog h3{font-family:Assistant;font-size:1.313rem;font-weight:700;line-height:130%;margin:0}.schemadraw .ShareableLinkDialog__popover{align-items:flex-start;-webkit-animation:RoomDialog__popover__scaleIn .15s ease-out;animation:RoomDialog__popover__scaleIn .15s ease-out;background:var(--color-success-lighter);border:none;border-radius:.6875rem;box-sizing:border-box;color:var(--color-success);display:flex;flex-direction:row;font-family:Assistant;font-size:.75rem;font-style:normal;font-weight:600;gap:.125rem;height:1.125rem;justify-content:center;line-height:110%;padding:.125rem .5rem;-webkit-transform-origin:var(--radix-popover-content-transform-origin);transform-origin:var(--radix-popover-content-transform-origin);z-index:100}@-webkit-keyframes RoomDialog__popover__scaleIn{0%{opacity:0}to{opacity:1}}@keyframes RoomDialog__popover__scaleIn{0%{opacity:0}to{opacity:1}}.schemadraw .ShareableLinkDialog__popover>svg{height:.875rem;width:.875rem}.schemadraw .ShareableLinkDialog__linkRow{align-items:flex-end;display:flex;flex-direction:row;gap:.75rem}.schemadraw .ShareableLinkDialog__description{border-top:1px solid var(--color-gray-20);font-size:.75rem;font-weight:400;line-height:150%;padding:.5rem .5rem 0}.schemadraw .ShareableLinkDialog__description p{margin:0}.schemadraw .ShareableLinkDialog__description p+p{margin-top:1em}.schemadraw .ShareDialog{display:flex;flex-direction:column;gap:1.5rem}.schemadraw--mobile.schemadraw .ShareDialog{height:calc(100vh - 5rem)}.schemadraw .ShareDialog__separator{align-items:center;border-top:1px solid var(--dialog-border-color);display:flex;justify-content:center;margin-top:1em;text-align:center}.schemadraw .ShareDialog__separator span{background:var(--island-bg-color);display:inline-flex;line-height:1;padding:0 .75rem;-webkit-transform:translateY(-1ch);transform:translateY(-1ch)}.schemadraw .ShareDialog__popover{align-items:flex-start;-webkit-animation:ShareDialog__popover__scaleIn .15s ease-out;animation:ShareDialog__popover__scaleIn .15s ease-out;background:var(--color-success-lighter);border:none;border-radius:.6875rem;box-sizing:border-box;color:var(--color-success);display:flex;flex-direction:row;font-family:Assistant;font-size:.75rem;font-style:normal;font-weight:600;gap:.125rem;height:1.125rem;justify-content:center;line-height:110%;padding:.125rem .5rem;-webkit-transform-origin:var(--radix-popover-content-transform-origin);transform-origin:var(--radix-popover-content-transform-origin);z-index:100}@-webkit-keyframes ShareDialog__popover__scaleIn{0%{opacity:0}to{opacity:1}}@keyframes ShareDialog__popover__scaleIn{0%{opacity:0}to{opacity:1}}.schemadraw .ShareDialog__popover>svg{height:.875rem;width:.875rem}.schemadraw .ShareDialog__picker{font-family:Assistant}.schemadraw .ShareDialog__picker__illustration{align-items:center;display:flex;justify-content:center;width:100%}.schemadraw .ShareDialog__picker__illustration svg{-webkit-filter:var(--theme-filter);filter:var(--theme-filter)}.schemadraw .ShareDialog__picker__header{align-items:center;color:var(--color-primary);display:flex;font-size:1.3125rem;font-weight:700;justify-content:center;line-height:130%;width:100%}.schemadraw .ShareDialog__picker__description{color:var(--text-primary-color);font-size:.875rem;font-weight:400;line-height:150%;text-align:center}.schemadraw .ShareDialog__picker__description strong{display:block;font-weight:700}.schemadraw .ShareDialog__picker__button{align-items:center;display:flex;justify-content:center}.schemadraw .ShareDialog__active__share{display:none!important}.schemadraw--mobile.schemadraw .ShareDialog__active__share{display:flex!important}.schemadraw .ShareDialog__active__header{margin:0}.schemadraw .ShareDialog__active__linkRow{align-items:flex-end;display:flex;flex-direction:row;gap:.75rem}.schemadraw .ShareDialog__active__description{border-top:1px solid var(--color-gray-20);font-size:.75rem;font-weight:400;line-height:150%;padding:.5rem .5rem 0}.schemadraw .ShareDialog__active__description p{margin:0}.schemadraw .ShareDialog__active__description p+p{margin-top:1em}#login-page,.schemadraw .ShareDialog__active__actions{display:flex;justify-content:center}#login-page{align-items:center;background:#def3f4;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}#login-page .container{box-sizing:initial;height:440px;padding:10px;position:relative;width:320px}#login-page .box{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(230deg,rgba(53,57,74,0),#000);box-shadow:-15px 15px 15px rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(53, 57, 74, 0)",endColorstr="rgb(0, 0, 0)",GradientType=1);height:100%;left:0;padding:10px 40px 40px;position:absolute;top:0;transition:all 1s}#login-page .showBox{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}#login-page .hiddenBox{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#login-page .loginBtn{border:2px solid #4fa1d9;border-radius:50px;padding:10px 50px}#login-page .githubBtn,#login-page .loginBtn{background:transparent;color:#4fa1d9;font-size:11px;transition:all .2s}#login-page .bottom{align-items:center;display:flex;height:42px;justify-content:space-between}#login-page .registerBtn{color:#d3d7f7}#login-page .registerBtn:hover{color:#4fa1d9;cursor:pointer}#login-page .loginBtn:hover{background:#4fa1d9;color:#fff;cursor:pointer}#login-page .githubBtn:hover{color:#fff;cursor:pointer}#login-page .title{color:#d3d7f7;font-size:16px;height:60px;margin-bottom:0}#login-page .footer{bottom:20px;color:#d3d7f7;font-size:10px;left:35px;position:absolute;width:250px}#login-page input{background:transparent;box-shadow:none;color:#61bfff;outline:none}#login-page input::-webkit-input-placeholder{color:#999}#login-page input:-moz-placeholder,#login-page input::-moz-placeholder{color:#999}#login-page input:-ms-input-placeholder{color:#999}#login-page .ant-input-group-addon{background:transparent;border:none;color:#fff;opacity:.8;padding:0}#login-page .ant-input-group-addon .iconfont{display:inline-block;opacity:.6;transition:all .3s;width:30px}#login-page .ant-form-item{margin-bottom:10px}#login-page .ant-form-explain{height:41px;left:110%;position:absolute;top:0;z-index:99}.login-notification{background:transparent;border:1px solid #d3d7f7;color:#d3d7f7;float:right;height:80px;margin-right:20px;width:250px}.login-notification .ant-notification-notice-close,.login-notification .ant-notification-notice-message{color:#d3d7f7}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{transition-delay:99999s;transition:color 99999s ease-out,background-color 99999s ease-out;-webkit-transition-delay:99999s;-webkit-transition:color 99999s ease-out,background-color 99999s ease-out}.backgroundBox{background:url(https://data.livetoolkit.cn/livetoolkit/common/night.jpg) no-repeat;height:1920px;left:0;position:fixed;top:0;transition:all .5s;width:1920px}.loadingBox{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loadingBox,.loadingTitle{left:50%;position:fixed;top:50%}.loadingTitle{color:#000;font-size:24;font-weight:500;margin-left:-45;margin-top:-18}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;-webkit-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.card-item{background-color:#fcfffc;margin:auto;max-width:600px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Viewer{display:grid;height:100vh}.Viewer svg{height:100%;width:100%}.toolbar{display:flex;flex-direction:row;margin:10px;padding:5px;position:absolute}.tool-menu{cursor:pointer;flex:auto;padding:10px}.tool-list{border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:row;padding:10px}.tool-item{cursor:pointer;height:20px;width:20px}
/*# sourceMappingURL=main.b326238b.css.map*/