@import "https://fonts.googleapis.com/css?family=Reenie+Beanie";
.noteEditor header {
    max-width: 580px;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: center;
}
.noteEditor header a {
    max-width: 220px;
    margin: 20px 0 0;
    display: block;
}
.noteEditor header img {
    display: block;
    height: 100%;
    width: 100%;
}
.noteEditor header h1 {
    text-align: left;
    color: #333;
    display: inline-block;
    margin: 20px 0 0;
}

.editor-shell {
    margin: 0 auto;
    border-radius: 2px;
    max-width: 100%;
    color: #000;
    position: relative;
    line-height: 1.7;
    font-weight: 400;
    width: 100%;
    /*max-height: 100vh;*/
}
.noteEditor.noteContentViewer .editor-shell {
    max-height: 400px;
}
.editor-shell .editor-container {
    background: #fff;
    position: relative;
    display: block;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.editor-shell .editor-container.tree-view {
    border-radius: 0;
}
.editor-shell .editor-container.plain-text {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.editor-scroller {
    min-height: 150px;
    max-width: 100%;
    border: 0;
    display: flex;
    position: relative;
    outline: 0;
    z-index: 0;
    resize: vertical;
    max-height: 400px;
    overflow: auto;
    padding: 0 30px;
}
.noteEditor .editor {
    flex: auto;
    max-width: 100%;
    position: relative;
    resize: vertical;
    z-index: -1;
}
.noteEditor .test-recorder-output {
    margin: 20px auto;
    width: 100%;
}
.noteEditor pre {
    line-height: 1.1;
    background: #222;
    color: #fff;
    margin: 0;
    padding: 10px;
    font-size: 12px;
    overflow: auto;
    max-height: 400px;
}
.tree-view-output {
    display: block;
    background: #222;
    color: #fff;
    padding: 0;
    font-size: 12px;
    margin: 1px auto 10px;
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.noteEditor pre::-webkit-scrollbar {
    background: transparent;
    width: 10px;
}
.noteEditor pre::-webkit-scrollbar-thumb {
    background: #999;
}
.editor-dev-button {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 12px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    outline: none;
    box-shadow: 0 1px 10px #00004d;
    background-color: #444;
}
.editor-dev-button:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    display: block;
    background-size: contain;
    filter: invert(1);
}
.editor-dev-button:hover {
    background-color: #555;
}
.editor-dev-button.active {
    background-color: #e92323;
}
.test-recorder-toolbar {
    display: flex;
}
.test-recorder-button {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    font-size: 10px;
    padding: 6px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    outline: none;
    box-shadow: 1px 2px 2px #00006;
    background-color: #222;
    transition: box-shadow 50ms ease-out;
}
.test-recorder-button:active {
    box-shadow: 1px 2px 4px #00006;
}
.test-recorder-button + .test-recorder-button {
    margin-left: 4px;
}
.test-recorder-button:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    display: block;
    background-size: contain;
    filter: invert(1);
}
#options-button {
    position: fixed;
    left: 20px;
    bottom: 20px;
}
#test-recorder-button {
    position: fixed;
    left: 70px;
    bottom: 20px;
}
#paste-log-button {
    position: fixed;
    left: 120px;
    bottom: 20px;
}
#docs-button {
    position: fixed;
    left: 170px;
    bottom: 20px;
}
#options-button:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-gear'%3e%3cpath%20d='M8%204.754a3.246%203.246%200%201%200%200%206.492%203.246%203.246%200%200%200%200-6.492zM5.754%208a2.246%202.246%200%201%201%204.492%200%202.246%202.246%200%200%201-4.492%200z'/%3e%3cpath%20d='M9.796%201.343c-.527-1.79-3.065-1.79-3.592%200l-.094.319a.873.873%200%200%201-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54%202.541l.159.292a.873.873%200%200%201-.52%201.255l-.319.094c-1.79.527-1.79%203.065%200%203.592l.319.094a.873.873%200%200%201%20.52%201.255l-.16.292c-.892%201.64.901%203.434%202.541%202.54l.292-.159a.873.873%200%200%201%201.255.52l.094.319c.527%201.79%203.065%201.79%203.592%200l.094-.319a.873.873%200%200%201%201.255-.52l.292.16c1.64.893%203.434-.902%202.54-2.541l-.159-.292a.873.873%200%200%201%20.52-1.255l.319-.094c1.79-.527%201.79-3.065%200-3.592l-.319-.094a.873.873%200%200%201-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873%200%200%201-1.255-.52l-.094-.319zm-2.633.283c.246-.835%201.428-.835%201.674%200l.094.319a1.873%201.873%200%200%200%202.693%201.115l.291-.16c.764-.415%201.6.42%201.184%201.185l-.159.292a1.873%201.873%200%200%200%201.116%202.692l.318.094c.835.246.835%201.428%200%201.674l-.319.094a1.873%201.873%200%200%200-1.115%202.693l.16.291c.415.764-.42%201.6-1.185%201.184l-.291-.159a1.873%201.873%200%200%200-2.693%201.116l-.094.318c-.246.835-1.428.835-1.674%200l-.094-.319a1.873%201.873%200%200%200-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873%201.873%200%200%200%201.945%208.93l-.319-.094c-.835-.246-.835-1.428%200-1.674l.319-.094A1.873%201.873%200%200%200%203.06%204.377l-.16-.292c-.415-.764.42-1.6%201.185-1.184l.292.159a1.873%201.873%200%200%200%202.692-1.115l.094-.319z'/%3e%3c/svg%3e");
}
#test-recorder-button:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-journal-code'%3e%3cpath%20fill-rule='evenodd'%20d='M8.646%205.646a.5.5%200%200%201%20.708%200l2%202a.5.5%200%200%201%200%20.708l-2%202a.5.5%200%200%201-.708-.708L10.293%208%208.646%206.354a.5.5%200%200%201%200-.708zm-1.292%200a.5.5%200%200%200-.708%200l-2%202a.5.5%200%200%200%200%20.708l2%202a.5.5%200%200%200%20.708-.708L5.707%208l1.647-1.646a.5.5%200%200%200%200-.708z'/%3e%3cpath%20d='M3%200h10a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2v-1h1v1a1%201%200%200%200%201%201h10a1%201%200%200%200%201-1V2a1%201%200%200%200-1-1H3a1%201%200%200%200-1%201v1H1V2a2%202%200%200%201%202-2z'/%3e%3cpath%20d='M1%205v-.5a.5.5%200%200%201%201%200V5h.5a.5.5%200%200%201%200%201h-2a.5.5%200%200%201%200-1H1zm0%203v-.5a.5.5%200%200%201%201%200V8h.5a.5.5%200%200%201%200%201h-2a.5.5%200%200%201%200-1H1zm0%203v-.5a.5.5%200%200%201%201%200v.5h.5a.5.5%200%200%201%200%201h-2a.5.5%200%200%201%200-1H1z'/%3e%3c/svg%3e");
}
#paste-log-button:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-clipboard'%3e%3cpath%20d='M4%201.5H3a2%202%200%200%200-2%202V14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V3.5a2%202%200%200%200-2-2h-1v1h1a1%201%200%200%201%201%201V14a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V3.5a1%201%200%200%201%201-1h1v-1z'/%3e%3cpath%20d='M9.5%201a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-3a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5h3zm-3-1A1.5%201.5%200%200%200%205%201.5v1A1.5%201.5%200%200%200%206.5%204h3A1.5%201.5%200%200%200%2011%202.5v-1A1.5%201.5%200%200%200%209.5%200h-3z'/%3e%3c/svg%3e");
}
#docs-button:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-file-earmark-text'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M5.5%207a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1h-5zM5%209.5a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5zm0%202a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2a.5.5%200%200%201-.5-.5z'/%3e%3cpath%20d='M9.5%200H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4.5L9.5%200zm0%201v2A1.5%201.5%200%200%200%2011%204.5h2V14a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1h5.5z'/%3e%3c/svg%3e");
}
#test-recorder-button-snapshot {
    margin-right: auto;
}
#test-recorder-button-snapshot:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-camera'%3e%3cpath%20d='M15%2012a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1h1.172a3%203%200%200%200%202.12-.879l.83-.828A1%201%200%200%201%206.827%203h2.344a1%201%200%200%201%20.707.293l.828.828A3%203%200%200%200%2012.828%205H14a1%201%200%200%201%201%201v6zM2%204a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2h-1.172a2%202%200%200%201-1.414-.586l-.828-.828A2%202%200%200%200%209.172%202H6.828a2%202%200%200%200-1.414.586l-.828.828A2%202%200%200%201%203.172%204H2z'/%3e%3cpath%20d='M8%2011a2.5%202.5%200%201%201%200-5%202.5%202.5%200%200%201%200%205zm0%201a3.5%203.5%200%201%200%200-7%203.5%203.5%200%200%200%200%207zM3%206.5a.5.5%200%201%201-1%200%20.5.5%200%200%201%201%200z'/%3e%3c/svg%3e");
}
#test-recorder-button-copy:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-clipboard'%3e%3cpath%20d='M4%201.5H3a2%202%200%200%200-2%202V14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V3.5a2%202%200%200%200-2-2h-1v1h1a1%201%200%200%201%201%201V14a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V3.5a1%201%200%200%201%201-1h1v-1z'/%3e%3cpath%20d='M9.5%201a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-3a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5h3zm-3-1A1.5%201.5%200%200%200%205%201.5v1A1.5%201.5%200%200%200%206.5%204h3A1.5%201.5%200%200%200%2011%202.5v-1A1.5%201.5%200%200%200%209.5%200h-3z'/%3e%3c/svg%3e");
}
#test-recorder-button-download:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-download'%3e%3cpath%20d='M.5%209.9a.5.5%200%200%201%20.5.5v2.5a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1v-2.5a.5.5%200%200%201%201%200v2.5a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-2.5a.5.5%200%200%201%20.5-.5z'/%3e%3cpath%20d='M7.646%2011.854a.5.5%200%200%200%20.708%200l3-3a.5.5%200%200%200-.708-.708L8.5%2010.293V1.5a.5.5%200%200%200-1%200v8.793L5.354%208.146a.5.5%200%201%200-.708.708l3%203z'/%3e%3c/svg%3e");
}



#typeahead-menu {
    z-index: 999999999999!important;
}
#typeahead-menu .typeahead-popover {
    background: #fff;
    box-shadow: 0 5px 10px #0000004d;
    border-radius: 8px;
    position: fixed;
    z-index: 999999999999;
}
#typeahead-menu .typeahead-popover ul {
    padding: 0;
    list-style: none;
    margin: 0;
    border-radius: 8px;
    max-height: 200px;
    overflow-y: scroll;
}
#typeahead-menu .typeahead-popover ul::-webkit-scrollbar {
    display: none;
}
#typeahead-menu .typeahead-popover ul {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#typeahead-menu .typeahead-popover ul li {
    margin: 0;
    min-width: 180px;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    border-radius: 8px;
}
#typeahead-menu .typeahead-popover ul li.selected {
    background: #eee;
}
#typeahead-menu .typeahead-popover li {
    margin: 0 8px;
    padding: 8px;
    color: #050505;
    cursor: pointer;
    line-height: 16px;
    font-size: 15px;
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 8px;
    border: 0;
}
#typeahead-menu .typeahead-popover li.active {
    display: flex;
    width: 20px;
    height: 20px;
    background-size: contain;
}
#typeahead-menu .typeahead-popover li:first-child {
    border-radius: 8px 8px 0 0;
}
#typeahead-menu .typeahead-popover li:last-child {
    border-radius: 0 0 8px 8px;
}
#typeahead-menu .typeahead-popover li:hover {
    background-color: #eee;
}
#typeahead-menu .typeahead-popover li .text {
    display: flex;
    line-height: 20px;
    flex-grow: 1;
    min-width: 150px;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI Variable Display, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}
#typeahead-menu .typeahead-popover li .icon {
    display: flex;
    width: 20px;
    height: 20px;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 8px;
    line-height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#typeahead-menu .component-picker-menu {
    width: 200px;
}


.mentions-menu {
    width: 250px;
}
.auto-embed-menu {
    width: 150px;
}
.emoji-menu {
    width: 200px;
}
i.palette {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-palette'%3e%3cpath%20d='M8%205a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203zm4%203a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203zM5.5%207a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200zm.5%206a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203z'/%3e%3cpath%20d='M16%208c0%203.15-1.866%202.585-3.567%202.07C11.42%209.763%2010.465%209.473%2010%2010c-.603.683-.475%201.819-.351%202.92C9.826%2014.495%209.996%2016%208%2016a8%208%200%201%201%208-8zm-8%207c.611%200%20.654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578%201.272-.618.404-.038.812.026%201.16.104.343.077.702.186%201.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717%209.38%2015%209.161%2015%208a7%207%200%201%200-7%207z'/%3e%3c/svg%3e");
}
i.bucket {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-paint-bucket'%3e%3cpath%20d='M6.192%202.78c-.458-.677-.927-1.248-1.35-1.643a2.972%202.972%200%200%200-.71-.515c-.217-.104-.56-.205-.882-.02-.367.213-.427.63-.43.896-.003.304.064.664.173%201.044.196.687.556%201.528%201.035%202.402L.752%208.22c-.277.277-.269.656-.218.918.055.283.187.593.36.903.348.627.92%201.361%201.626%202.068.707.707%201.441%201.278%202.068%201.626.31.173.62.305.903.36.262.05.64.059.918-.218l5.615-5.615c.118.257.092.512.05.939-.03.292-.068.665-.073%201.176v.123h.003a1%201%200%200%200%201.993%200H14v-.057a1.01%201.01%200%200%200-.004-.117c-.055-1.25-.7-2.738-1.86-3.494a4.322%204.322%200%200%200-.211-.434c-.349-.626-.92-1.36-1.627-2.067-.707-.707-1.441-1.279-2.068-1.627-.31-.172-.62-.304-.903-.36-.262-.05-.64-.058-.918.219l-.217.216zM4.16%201.867c.381.356.844.922%201.311%201.632l-.704.705c-.382-.727-.66-1.402-.813-1.938a3.283%203.283%200%200%201-.131-.673c.091.061.204.15.337.274zm.394%203.965c.54.852%201.107%201.567%201.607%202.033a.5.5%200%201%200%20.682-.732c-.453-.422-1.017-1.136-1.564-2.027l1.088-1.088c.054.12.115.243.183.365.349.627.92%201.361%201.627%202.068.706.707%201.44%201.278%202.068%201.626.122.068.244.13.365.183l-4.861%204.862a.571.571%200%200%201-.068-.01c-.137-.027-.342-.104-.608-.252-.524-.292-1.186-.8-1.846-1.46-.66-.66-1.168-1.32-1.46-1.846-.147-.265-.225-.47-.251-.607a.573.573%200%200%201-.01-.068l3.048-3.047zm2.87-1.935a2.44%202.44%200%200%201-.241-.561c.135.033.324.11.562.241.524.292%201.186.8%201.846%201.46.45.45.83.901%201.118%201.31a3.497%203.497%200%200%200-1.066.091%2011.27%2011.27%200%200%201-.76-.694c-.66-.66-1.167-1.322-1.458-1.847z'/%3e%3c/svg%3e");
}
i.bold {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-bold'%3e%3cpath%20d='M8.21%2013c2.106%200%203.412-1.087%203.412-2.823%200-1.306-.984-2.283-2.324-2.386v-.055a2.176%202.176%200%200%200%201.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908%204.674h1.696c.963%200%201.517.451%201.517%201.244%200%20.834-.629%201.32-1.73%201.32H5.908V4.673zm0%206.788V8.598h1.73c1.217%200%201.88.492%201.88%201.415%200%20.943-.643%201.449-1.832%201.449H5.907z'/%3e%3c/svg%3e");
}
i.italic {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-italic'%3e%3cpath%20d='M7.991%2011.674%209.53%204.455c.123-.595.246-.71%201.347-.807l.11-.52H7.211l-.11.52c1.06.096%201.128.212%201.005.807L6.57%2011.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z'/%3e%3c/svg%3e");
}
i.clear {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-trash'%3e%3cpath%20d='M5.5%205.5A.5.5%200%200%201%206%206v6a.5.5%200%200%201-1%200V6a.5.5%200%200%201%20.5-.5zm2.5%200a.5.5%200%200%201%20.5.5v6a.5.5%200%200%201-1%200V6a.5.5%200%200%201%20.5-.5zm3%20.5a.5.5%200%200%200-1%200v6a.5.5%200%200%200%201%200V6z'/%3e%3cpath%20fill-rule='evenodd'%20d='M14.5%203a1%201%200%200%201-1%201H13v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V4h-.5a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1H6a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201h3.5a1%201%200%200%201%201%201v1zM4.118%204%204%204.059V13a1%201%200%200%200%201%201h6a1%201%200%200%200%201-1V4.059L11.882%204H4.118zM2.5%203V2h11v1h-11z'/%3e%3c/svg%3e");
}
i.code {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-code'%3e%3cpath%20d='M5.854%204.854a.5.5%200%201%200-.708-.708l-3.5%203.5a.5.5%200%200%200%200%20.708l3.5%203.5a.5.5%200%200%200%20.708-.708L2.707%208l3.147-3.146zm4.292%200a.5.5%200%200%201%20.708-.708l3.5%203.5a.5.5%200%200%201%200%20.708l-3.5%203.5a.5.5%200%200%201-.708-.708L13.293%208l-3.147-3.146z'/%3e%3c/svg%3e");
}
i.underline {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-underline'%3e%3cpath%20d='M5.313%203.136h-1.23V9.54c0%202.105%201.47%203.623%203.917%203.623s3.917-1.518%203.917-3.623V3.136h-1.23v6.323c0%201.49-.978%202.57-2.687%202.57-1.709%200-2.687-1.08-2.687-2.57V3.136zM12.5%2015h-9v-1h9v1z'/%3e%3c/svg%3e");
}
i.uppercase {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-alphabet-uppercase'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M1.226%2010.88H0l2.056-6.26h1.42l2.047%206.26h-1.29l-.48-1.61H1.707l-.48%201.61ZM2.76%205.818h-.054l-.75%202.532H3.51zm3.217%205.062V4.62h2.56c1.09%200%201.808.582%201.808%201.54%200%20.762-.444%201.22-1.05%201.372v.055c.736.074%201.365.587%201.365%201.528%200%201.119-.89%201.766-2.133%201.766zM7.18%205.55v1.675h.8c.812%200%201.171-.308%201.171-.853%200-.51-.328-.822-.898-.822zm0%202.537V9.95h.903c.951%200%201.342-.312%201.342-.909%200-.591-.382-.954-1.095-.954zm5.089-.711v.775c0%201.156.49%201.803%201.347%201.803.705%200%201.163-.454%201.212-1.096H16v.12C15.942%2010.173%2014.95%2011%2013.607%2011c-1.648%200-2.573-1.073-2.573-2.849v-.78c0-1.775.934-2.871%202.573-2.871%201.347%200%202.34.849%202.393%202.087v.115h-1.172c-.05-.665-.516-1.156-1.212-1.156-.849%200-1.347.67-1.347%201.83'/%3e%3c/svg%3e");
}
i.lowercase {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-alphabet'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M2.204%2011.078c.767%200%201.201-.356%201.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355%205.736.75%206.42.69%207.27h1.216c.064-.323.313-.552.84-.552s.864.249.864.771v.464H2.346C1.145%207.953.5%208.568.5%209.496c0%20.977.693%201.582%201.704%201.582m.42-.947c-.44%200-.845-.235-.845-.718%200-.395.269-.684.84-.684h.991v.538c0%20.503-.444.864-.986.864m5.593.937c1.216%200%201.948-.869%201.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305-.742%200-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86%201.499.86Zm-.43-1.025c-.66%200-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343%201.098-1.343.684%200%201.075.518%201.075%201.416v.45c0%20.888-.386%201.401-1.06%201.401Zm2.834-1.328c0%201.47.87%202.378%202.305%202.378%201.416%200%202.139-.777%202.158-1.763h-1.186c-.06.425-.313.732-.933.732-.66%200-1.05-.512-1.05-1.352v-.625c0-.81.371-1.328%201.045-1.328.635%200%20.879.425.918.776h1.187c-.02-.986-.787-1.806-2.14-1.806-1.41%200-2.304.918-2.304%202.338z'/%3e%3c/svg%3e");
}
i.capitalize {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M8.6%2017.75V8.6h-3V7h7.7v1.6h-3v9.15zm8.6.25q-1.1%200-1.725-.638T14.85%2015.6v-4.05H13.5V10.1h1.35V7.925h1.65V10.1h1.85v1.45H16.5v3.7q0%20.575.263.9t.712.325q.225%200%20.462-.088t.463-.237v1.625q-.25.125-.55.175t-.65.05'/%3e%3c/svg%3e");
}
i.strikethrough {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-strikethrough'%3e%3cpath%20d='M6.333%205.686c0%20.31.083.581.27.814H5.166a2.776%202.776%200%200%201-.099-.76c0-1.627%201.436-2.768%203.48-2.768%201.969%200%203.39%201.175%203.445%202.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23%200-2.18.602-2.18%201.607zm2.194%207.478c-2.153%200-3.589-1.107-3.705-2.81h1.23c.144%201.06%201.129%201.703%202.544%201.703%201.34%200%202.31-.705%202.31-1.675%200-.827-.547-1.374-1.914-1.675L8.046%208.5H1v-1h14v1h-3.504c.468.437.675.994.675%201.697%200%201.826-1.436%202.967-3.644%202.967z'/%3e%3c/svg%3e");
}
i.subscript {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.354%2014.5v-.665l1.553-1.438c.132-.128.243-.243.332-.345.091-.102.16-.203.207-.3.047-.1.07-.207.07-.322a.574.574%200%200%200-.326-.546.748.748%200%200%200-.343-.077.721.721%200%200%200-.35.082.557.557%200%200%200-.23.232.753.753%200%200%200-.08.36h-.876c0-.286.065-.534.194-.744.13-.21.31-.373.543-.488.233-.115.502-.172.806-.172.312%200%20.584.055.816.166.233.11.414.261.543.456.13.194.194.418.194.669%200%20.165-.033.327-.098.488-.064.16-.178.339-.343.535a7.918%207.918%200%200%201-.697.7l-.637.625v.03h1.832v.754h-3.11ZM5.04%204.273%206.96%207.469h.068l1.93-3.196h1.803L8.073%208.636%2010.805%2013H8.972L7.03%209.825h-.068L5.018%2013H3.194l2.757-4.364-2.723-4.363H5.04Z'%20fill='currentColor'/%3e%3c/svg%3e");
}
i.superscript {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.354%206v-.665l1.553-1.438c.132-.128.243-.243.332-.345a1.31%201.31%200%200%200%20.207-.3c.047-.1.07-.207.07-.322a.574.574%200%200%200-.326-.545.748.748%200%200%200-.343-.077.721.721%200%200%200-.35.08.557.557%200%200%200-.23.233.753.753%200%200%200-.08.36h-.876c0-.286.065-.534.194-.744.13-.21.31-.373.543-.488.233-.115.502-.172.806-.172.312%200%20.584.055.816.166.233.11.414.261.543.456.13.194.194.417.194.669%200%20.165-.033.327-.098.488-.064.16-.178.339-.343.535a7.92%207.92%200%200%201-.697.7l-.637.625v.03h1.832V6h-3.11ZM5.04%204.273%206.96%207.469h.068l1.93-3.196h1.803L8.073%208.636%2010.805%2013H8.972L7.03%209.825h-.068L5.018%2013H3.194l2.757-4.364-2.723-4.363H5.04Z'%20fill='currentColor'/%3e%3c/svg%3e");
}
i.highlight {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-highlighter'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M11.096.644a2%202%200%200%201%202.791.036l1.433%201.433a2%202%200%200%201%20.035%202.791l-.413.435-8.07%208.995a.5.5%200%200%201-.372.166h-3a.5.5%200%200%201-.234-.058l-.412.412A.5.5%200%200%201%202.5%2015h-2a.5.5%200%200%201-.354-.854l1.412-1.412A.5.5%200%200%201%201.5%2012.5v-3a.5.5%200%200%201%20.166-.372l8.995-8.07zm-.115%201.47L2.727%209.52l3.753%203.753%207.406-8.254zm3.585%202.17.064-.068a1%201%200%200%200-.017-1.396L13.18%201.387a1%201%200%200%200-1.396-.018l-.068.065zM5.293%2013.5%202.5%2010.707v1.586L3.707%2013.5z'/%3e%3c/svg%3e");
}
i.link {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-link'%3e%3cpath%20d='M6.354%205.5H4a3%203%200%200%200%200%206h3a3%203%200%200%200%202.83-4H9c-.086%200-.17.01-.25.031A2%202%200%200%201%207%2010.5H4a2%202%200%201%201%200-4h1.535c.218-.376.495-.714.82-1z'/%3e%3cpath%20d='M9%205.5a3%203%200%200%200-2.83%204h1.098A2%202%200%200%201%209%206.5h3a2%202%200%201%201%200%204h-1.535a4.02%204.02%200%200%201-.82%201H12a3%203%200%201%200%200-6H9z'/%3e%3c/svg%3e");
}
i.horizontal-rule {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-file-break'%3e%3cpath%20d='M0%2010.5a.5.5%200%200%201%20.5-.5h15a.5.5%200%200%201%200%201H.5a.5.5%200%200%201-.5-.5zM12%200H4a2%202%200%200%200-2%202v7h1V2a1%201%200%200%201%201-1h8a1%201%200%200%201%201%201v7h1V2a2%202%200%200%200-2-2zm2%2012h-1v2a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1v-2H2v2a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2v-2z'/%3e%3c/svg%3e");
}
.icon.plus {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-plus'%3e%3cpath%20d='M8%204a.5.5%200%200%201%20.5.5v3h3a.5.5%200%200%201%200%201h-3v3a.5.5%200%200%201-1%200v-3h-3a.5.5%200%200%201%200-1h3v-3A.5.5%200%200%201%208%204z'/%3e%3c/svg%3e");
}
.icon.caret-right {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-caret-right-fill'%3e%3cpath%20d='m12.14%208.753-5.482%204.796c-.646.566-1.658.106-1.658-.753V3.204a1%201%200%200%201%201.659-.753l5.48%204.796a1%201%200%200%201%200%201.506z'/%3e%3c/svg%3e");
}
.icon.dropdown-more {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.648%204.475%201.824%2012.25H.67l3.252-8.531h.744l-.018.756Zm2.368%207.775-2.83-7.775-.018-.756h.744l3.264%208.531h-1.16Zm-.147-3.158v.926H2.076v-.926H6.87Zm6.024%202.074V7.902c0-.25-.051-.466-.153-.65a.997.997%200%200%200-.445-.434c-.2-.101-.445-.152-.738-.152-.274%200-.514.047-.721.14a1.255%201.255%200%200%200-.48.37.809.809%200%200%200-.17.492H9.101c0-.227.058-.451.175-.674.118-.223.286-.424.504-.603.223-.184.489-.329.797-.434.313-.11.66-.164%201.043-.164.461%200%20.867.078%201.219.234.355.157.633.393.832.71.203.312.305.704.305%201.177v2.953c0%20.211.017.436.052.674.04.238.096.443.17.615v.094h-1.13a2.022%202.022%200%200%201-.13-.498%204.011%204.011%200%200%201-.046-.586Zm.187-2.76.012.762h-1.096c-.309%200-.584.025-.826.076a1.89%201.89%200%200%200-.61.217.979.979%200%200%200-.504.879c0%20.2.046.38.135.545a.98.98%200%200%200%20.405.392c.183.094.408.141.674.141.332%200%20.625-.07.878-.211a1.83%201.83%200%200%200%20.604-.516c.152-.203.234-.4.246-.591l.463.521a1.572%201.572%200%200%201-.223.545%202.607%202.607%200%200%201-1.2%201.025%202.328%202.328%200%200%201-.927.176c-.43%200-.806-.084-1.13-.252a1.933%201.933%200%200%201-.75-.674%201.784%201.784%200%200%201-.264-.955c0-.34.066-.638.199-.896a1.73%201.73%200%200%201%20.574-.65c.25-.176.551-.31.903-.399a4.76%204.76%200%200%201%201.177-.135h1.26Z'%20fill='%23000'/%3e%3c/svg%3e");
}
.icon.font-color {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='%23777'%20d='M221.631%20109%20109.92%20392h58.055l24.079-61h127.892l24.079%2061h58.055L290.369%20109Zm-8.261%20168L256%20169l42.63%20108Z'/%3e%3c/svg%3e");
}
.icon.font-family {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-fonts'%3e%3cpath%20d='M12.258%203h-8.51l-.083%202.46h.479c.26-1.544.758-1.783%202.693-1.845l.424-.013v7.827c0%20.663-.144.82-1.3.923v.52h4.082v-.52c-1.162-.103-1.306-.26-1.306-.923V3.602l.431.013c1.934.062%202.434.301%202.693%201.846h.479L12.258%203z'/%3e%3c/svg%3e");
}
.icon.bg-color {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='%23fff'%20fill-opacity='.01'%20d='M0%200h48v48H0z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M37%2037a4%204%200%200%200%204-4c0-1.473-1.333-3.473-4-6-2.667%202.527-4%204.527-4%206a4%204%200%200%200%204%204Z'%20fill='%23777'/%3e%3cpath%20d='m20.854%205.504%203.535%203.536'%20stroke='%23777'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M23.682%208.333%208.125%2023.889%2019.44%2035.203l15.556-15.557L23.682%208.333Z'%20stroke='%23777'%20stroke-width='4'%20stroke-linejoin='round'/%3e%3cpath%20d='m12%2020.073%2016.961%205.577M4%2043h40'%20stroke='%23777'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/svg%3e");
}
.icon.table {
    background-color: #6c757d;
    mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-table'%3e%3cpath%20d='M0%202a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V2zm15%202h-4v3h4V4zm0%204h-4v3h4V8zm0%204h-4v3h3a1%201%200%200%200%201-1v-2zm-5%203v-3H6v3h4zm-5%200v-3H1v2a1%201%200%200%200%201%201h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4%204H6v3h4V8z'/%3e%3c/svg%3e");
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-table'%3e%3cpath%20d='M0%202a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V2zm15%202h-4v3h4V4zm0%204h-4v3h4V8zm0%204h-4v3h3a1%201%200%200%200%201-1v-2zm-5%203v-3H6v3h4zm-5%200v-3H1v2a1%201%200%200%200%201%201h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4%204H6v3h4V8z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
}
i.image {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-file-image'%3e%3cpath%20d='M8.002%205.5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200z'/%3e%3cpath%20d='M12%200H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2zM3%202a1%201%200%200%201%201-1h8a1%201%200%200%201%201%201v8l-2.083-2.083a.5.5%200%200%200-.76.063L8%2011%205.835%209.7a.5.5%200%200%200-.611.076L3%2012V2z'/%3e%3c/svg%3e");
}
i.table {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-table'%3e%3cpath%20d='M0%202a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V2zm15%202h-4v3h4V4zm0%204h-4v3h4V8zm0%204h-4v3h3a1%201%200%200%200%201-1v-2zm-5%203v-3H6v3h4zm-5%200v-3H1v2a1%201%200%200%200%201%201h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4%204H6v3h4V8z'/%3e%3c/svg%3e");
}
i.close {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!%20Font%20Awesome%20Pro%206.1.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license%20(Commercial%20License)%20Copyright%202022%20Fonticons,%20Inc.--%3e%3cpath%20d='M0%20256C0%20114.6%20114.6%200%20256%200s256%20114.6%20256%20256-114.6%20256-256%20256S0%20397.4%200%20256zm175-47.9%2047.1%2047L175%20303c-9.3%209.4-9.3%2024.6%200%2033.1%209.4%2010.2%2024.6%2010.2%2033.1%200l47-46.2%2047.9%2046.2c9.4%2010.2%2024.6%2010.2%2033.1%200%2010.2-8.5%2010.2-23.7%200-33.1l-46.2-47.9%2046.2-47c10.2-8.5%2010.2-23.7%200-33.1-8.5-9.3-23.7-9.3-33.1%200l-47.9%2047.1-47-47.1c-8.5-9.3-23.7-9.3-33.1%200-9.3%209.4-9.3%2024.6%200%2033.1z'/%3e%3c/svg%3e");
}
i.figma {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'%3e%3c!--!%20Font%20Awesome%20Pro%206.1.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license%20(Commercial%20License)%20Copyright%202022%20Fonticons,%20Inc.--%3e%3cpath%20d='M14%2095.792C14%2042.888%2056.888%200%20109.793%200h164.368c52.905%200%2095.793%2042.888%2095.793%2095.792%200%2033.5-17.196%2062.984-43.243%2080.105%2026.047%2017.122%2043.243%2046.605%2043.243%2080.105%200%2052.905-42.888%2095.793-95.793%2095.793h-2.08c-24.802%200-47.403-9.426-64.415-24.891v88.263c0%2053.61-44.009%2096.833-97.357%2096.833C57.536%20512%2014%20469.243%2014%20416.207c0-33.498%2017.195-62.98%2043.24-80.102C31.193%20318.983%2014%20289.5%2014%20256.002c0-33.5%2017.196-62.983%2043.242-80.105C31.197%20158.776%2014%20129.292%2014%2095.792Zm162.288%2095.795h-66.495c-35.576%200-64.415%2028.84-64.415%2064.415%200%2035.438%2028.617%2064.192%2064.003%2064.414l.412-.001h66.495V191.587Zm31.378%2064.415c0%2035.575%2028.839%2064.415%2064.415%2064.415h2.08c35.576%200%2064.415-28.84%2064.415-64.415s-28.839-64.415-64.415-64.415h-2.08c-35.576%200-64.415%2028.84-64.415%2064.415Zm-97.873%2095.793-.412-.001c-35.386.221-64.003%2028.975-64.003%2064.413%200%2035.445%2029.225%2064.415%2064.931%2064.415%2036.282%200%2065.979-29.436%2065.979-65.455v-63.372h-66.495Zm0-320.417c-35.576%200-64.415%2028.84-64.415%2064.414%200%2035.576%2028.84%2064.415%2064.415%2064.415h66.495V31.377h-66.495Zm97.873%20128.829h66.495c35.576%200%2064.415-28.839%2064.415-64.415%200-35.575-28.839-64.414-64.415-64.414h-66.495v128.829Z'/%3e%3c/svg%3e");
}
i.poll {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-card-checklist'%3e%3cpath%20d='M14.5%203a.5.5%200%200%201%20.5.5v9a.5.5%200%200%201-.5.5h-13a.5.5%200%200%201-.5-.5v-9a.5.5%200%200%201%20.5-.5h13zm-13-1A1.5%201.5%200%200%200%200%203.5v9A1.5%201.5%200%200%200%201.5%2014h13a1.5%201.5%200%200%200%201.5-1.5v-9A1.5%201.5%200%200%200%2014.5%202h-13z'/%3e%3cpath%20d='M7%205.5a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5zm-1.496-.854a.5.5%200%200%201%200%20.708l-1.5%201.5a.5.5%200%200%201-.708%200l-.5-.5a.5.5%200%201%201%20.708-.708l.146.147%201.146-1.147a.5.5%200%200%201%20.708%200zM7%209.5a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5zm-1.496-.854a.5.5%200%200%201%200%20.708l-1.5%201.5a.5.5%200%200%201-.708%200l-.5-.5a.5.5%200%200%201%20.708-.708l.146.147%201.146-1.147a.5.5%200%200%201%20.708%200z'/%3e%3c/svg%3e");
}
i.columns {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-layout-three-columns'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M0%201.5A1.5%201.5%200%200%201%201.5%200h13A1.5%201.5%200%200%201%2016%201.5v13a1.5%201.5%200%200%201-1.5%201.5h-13A1.5%201.5%200%200%201%200%2014.5v-13zM1.5%201a.5.5%200%200%200-.5.5v13a.5.5%200%200%200%20.5.5H5V1H1.5zM10%2015V1H6v14h4zm1%200h3.5a.5.5%200%200%200%20.5-.5v-13a.5.5%200%200%200-.5-.5H11v14z'/%3e%3c/svg%3e");
}
i.x {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M%209.398438%206.878906%20L%2014.859375%200.667969%20L%2013.5625%200.667969%20L%208.820312%206.058594%20L%205.035156%200.667969%20L%200.667969%200.667969%20L%206.394531%208.820312%20L%200.667969%2015.332031%20L%201.960938%2015.332031%20L%206.964844%209.636719%20L%2010.964844%2015.332031%20L%2015.332031%2015.332031%20Z%20M%207.625%208.890625%20L%207.042969%208.078125%20L%202.425781%201.621094%20L%204.414062%201.621094%20L%208.140625%206.835938%20L%208.71875%207.648438%20L%2013.5625%2014.425781%20L%2011.574219%2014.425781%20Z%20M%207.625%208.890625'/%3e%3c/svg%3e");
}
i.youtube {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-youtube'%3e%3cpath%20d='M8.051%201.999h.089c.822.003%204.987.033%206.11.335a2.01%202.01%200%200%201%201.415%201.42c.101.38.172.883.22%201.402l.01.104.022.26.008.104c.065.914.073%201.77.074%201.957v.075c-.001.194-.01%201.108-.082%202.06l-.008.105-.009.104c-.05.572-.124%201.14-.235%201.558a2.007%202.007%200%200%201-1.415%201.42c-1.16.312-5.569.334-6.18.335h-.142c-.309%200-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007%202.007%200%200%201-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09%209.82l-.008-.104A31.4%2031.4%200%200%201%200%207.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007%202.007%200%200%201%201.415-1.42c.487-.13%201.544-.21%202.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788%2099.788%200%200%201%207.858%202h.193zM6.4%205.209v4.818l4.157-2.408L6.4%205.209z'/%3e%3c/svg%3e");
}
.icon.left-align, i.left-align {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-left'%3e%3cpath%20fill-rule='evenodd'%20d='M2%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.icon.center-align, i.center-align {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-center'%3e%3cpath%20fill-rule='evenodd'%20d='M4%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-2-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm2-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-2-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.icon.right-align, i.right-align {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-right'%3e%3cpath%20fill-rule='evenodd'%20d='M6%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-4-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm4-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-4-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.icon.justify-align, i.justify-align {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-justify'%3e%3cpath%20fill-rule='evenodd'%20d='M2%2012.5a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.icon.vertical-top, i.left-align {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1737506990507'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='8798'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='64'%20height='64'%3e%3cpath%20d='M859.9%20168H164.1c-4.5%200-8.1%203.6-8.1%208v60c0%204.4%203.6%208%208.1%208h695.8c4.5%200%208.1-3.6%208.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3%20355c-3.2-4.1-9.4-4.1-12.6%200l-112%20141.7c-4.1%205.2-0.4%2012.9%206.3%2012.9h73.9V848c0%204.4%203.6%208%208%208h60c4.4%200%208-3.6%208-8V509.7H624c6.7%200%2010.4-7.7%206.3-12.9L518.3%20355z'%20p-id='8799'%3e%3c/path%3e%3c/svg%3e");
}
.icon.vertical-middle, i.center-align {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1737507002429'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='9094'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='64'%20height='64'%3e%3cpath%20d='M859.9%20474H164.1c-4.5%200-8.1%203.6-8.1%208v60c0%204.4%203.6%208%208.1%208h695.8c4.5%200%208.1-3.6%208.1-8v-60c0-4.4-3.6-8-8.1-8zM506.3%20399.3c2.9%203.7%208.5%203.7%2011.3%200l100.8-127.5c3.7-4.7%200.4-11.7-5.7-11.7H550V104c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208v156h-62.8c-6%200-9.4%207-5.7%2011.7l100.8%20127.6zM517.7%20624.7c-2.9-3.7-8.5-3.7-11.3%200L405.6%20752.3c-3.7%204.7-0.4%2011.7%205.7%2011.7H474v156c0%204.4%203.6%208%208%208h60c4.4%200%208-3.6%208-8V764h62.8c6%200%209.4-7%205.7-11.7L517.7%20624.7z'%20p-id='9095'%3e%3c/path%3e%3c/svg%3e");
}
.icon.vertical-bottom, i.right-align {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1737506997512'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='8946'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='64'%20height='64'%3e%3cpath%20d='M859.9%20780H164.1c-4.5%200-8.1%203.6-8.1%208v60c0%204.4%203.6%208%208.1%208h695.8c4.5%200%208.1-3.6%208.1-8v-60c0-4.4-3.6-8-8.1-8zM505.7%20669c3.2%204.1%209.4%204.1%2012.6%200l112-141.7c4.1-5.2%200.4-12.9-6.3-12.9h-74.1V176c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208v338.3H400c-6.7%200-10.4%207.7-6.3%2012.9l112%20141.8z'%20p-id='8947'%3e%3c/path%3e%3c/svg%3e");
}
i.indent {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-indent-left'%3e%3cpath%20d='M2%203.5a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm.646%202.146a.5.5%200%200%201%20.708%200l2%202a.5.5%200%200%201%200%20.708l-2%202a.5.5%200%200%201-.708-.708L4.293%208%202.646%206.354a.5.5%200%200%201%200-.708zM7%206.5a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5zm0%203a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5zm-5%203a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
i.markdown {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-markdown'%3e%3cpath%20d='M14%203a1%201%200%200%201%201%201v8a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h12zM2%202a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H2z'/%3e%3cpath%20fill-rule='evenodd'%20d='M9.146%208.146a.5.5%200%200%201%20.708%200L11.5%209.793l1.646-1.647a.5.5%200%200%201%20.708.708l-2%202a.5.5%200%200%201-.708%200l-2-2a.5.5%200%200%201%200-.708z'/%3e%3cpath%20fill-rule='evenodd'%20d='M11.5%205a.5.5%200%200%201%20.5.5v4a.5.5%200%200%201-1%200v-4a.5.5%200%200%201%20.5-.5z'/%3e%3cpath%20d='M3.56%2011V7.01h.056l1.428%203.239h.774l1.42-3.24h.056V11h1.073V5.001h-1.2l-1.71%203.894h-.039l-1.71-3.894H2.5V11h1.06z'/%3e%3c/svg%3e");
}
i.outdent {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-indent-right'%3e%3cpath%20d='M2%203.5a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm10.646%202.146a.5.5%200%200%201%20.708.708L11.707%208l1.647%201.646a.5.5%200%200%201-.708.708l-2-2a.5.5%200%200%201%200-.708l2-2zM2%206.5a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5zm0%203a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5zm0%203a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
i.undo {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-arrow-counterclockwise'%3e%3cpath%20fill-rule='evenodd'%20d='M8%203a5%205%200%201%201-4.546%202.914.5.5%200%200%200-.908-.417A6%206%200%201%200%208%202v1z'/%3e%3cpath%20d='M8%204.466V.534a.25.25%200%200%200-.41-.192L5.23%202.308a.25.25%200%200%200%200%20.384l2.36%201.966A.25.25%200%200%200%208%204.466z'/%3e%3c/svg%3e");
}
i.redo {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-arrow-clockwise'%3e%3cpath%20fill-rule='evenodd'%20d='M8%203a5%205%200%201%200%204.546%202.914.5.5%200%200%201%20.908-.417A6%206%200%201%201%208%202v1z'/%3e%3cpath%20d='M8%204.466V.534a.25.25%200%200%201%20.41-.192l2.36%201.966c.12.1.12.284%200%20.384L8.41%204.658A.25.25%200%200%201%208%204.466z'/%3e%3c/svg%3e");
}
i.sticky {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-sticky'%3e%3cpath%20d='M2.5%201A1.5%201.5%200%200%200%201%202.5v11A1.5%201.5%200%200%200%202.5%2015h6.086a1.5%201.5%200%200%200%201.06-.44l4.915-4.914A1.5%201.5%200%200%200%2015%208.586V2.5A1.5%201.5%200%200%200%2013.5%201h-11zM2%202.5a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%20.5.5V8H9.5A1.5%201.5%200%200%200%208%209.5V14H2.5a.5.5%200%200%201-.5-.5v-11zm7%2011.293V9.5a.5.5%200%200%201%20.5-.5h4.293L9%2013.793z'/%3e%3c/svg%3e");
}
i.mic {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-mic'%3e%3cpath%20d='M3.5%206.5A.5.5%200%200%201%204%207v1a4%204%200%200%200%208%200V7a.5.5%200%200%201%201%200v1a5%205%200%200%201-4.5%204.975V15h3a.5.5%200%200%201%200%201h-7a.5.5%200%200%201%200-1h3v-2.025A5%205%200%200%201%203%208V7a.5.5%200%200%201%20.5-.5z'/%3e%3cpath%20d='M10%208a2%202%200%201%201-4%200V3a2%202%200%201%201%204%200v5zM8%200a3%203%200%200%200-3%203v5a3%203%200%200%200%206%200V3a3%203%200%200%200-3-3z'/%3e%3c/svg%3e");
}
i.import {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-upload'%3e%3cpath%20d='M.5%209.9a.5.5%200%200%201%20.5.5v2.5a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1v-2.5a.5.5%200%200%201%201%200v2.5a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-2.5a.5.5%200%200%201%20.5-.5z'/%3e%3cpath%20d='M7.646%201.146a.5.5%200%200%201%20.708%200l3%203a.5.5%200%200%201-.708.708L8.5%202.707V11.5a.5.5%200%200%201-1%200V2.707L5.354%204.854a.5.5%200%201%201-.708-.708l3-3z'/%3e%3c/svg%3e");
}
i.export {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-download'%3e%3cpath%20d='M.5%209.9a.5.5%200%200%201%20.5.5v2.5a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1v-2.5a.5.5%200%200%201%201%200v2.5a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-2.5a.5.5%200%200%201%20.5-.5z'/%3e%3cpath%20d='M7.646%2011.854a.5.5%200%200%200%20.708%200l3-3a.5.5%200%200%200-.708-.708L8.5%2010.293V1.5a.5.5%200%200%200-1%200v8.793L5.354%208.146a.5.5%200%201%200-.708.708l3%203z'/%3e%3c/svg%3e");
}
i.share {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-send'%3e%3cpath%20d='M15.854.146a.5.5%200%200%201%20.11.54l-5.819%2014.547a.75.75%200%200%201-1.329.124l-3.178-4.995L.643%207.184a.75.75%200%200%201%20.124-1.33L15.314.037a.5.5%200%200%201%20.54.11ZM6.636%2010.07l2.761%204.338L14.13%202.576%206.636%2010.07Zm6.787-8.201L1.591%206.602l4.339%202.76%207.494-7.493Z'/%3e%3c/svg%3e");
}
i.diagram-2 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-diagram-2'%3e%3cpath%20fill-rule='evenodd'%20d='M6%203.5A1.5%201.5%200%200%201%207.5%202h1A1.5%201.5%200%200%201%2010%203.5v1A1.5%201.5%200%200%201%208.5%206v1H11a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-1%200V8h-5v.5a.5.5%200%200%201-1%200v-1A.5.5%200%200%201%205%207h2.5V6A1.5%201.5%200%200%201%206%204.5v-1zM8.5%205a.5.5%200%200%200%20.5-.5v-1a.5.5%200%200%200-.5-.5h-1a.5.5%200%200%200-.5.5v1a.5.5%200%200%200%20.5.5h1zM3%2011.5A1.5%201.5%200%200%201%204.5%2010h1A1.5%201.5%200%200%201%207%2011.5v1A1.5%201.5%200%200%201%205.5%2014h-1A1.5%201.5%200%200%201%203%2012.5v-1zm1.5-.5a.5.5%200%200%200-.5.5v1a.5.5%200%200%200%20.5.5h1a.5.5%200%200%200%20.5-.5v-1a.5.5%200%200%200-.5-.5h-1zm4.5.5a1.5%201.5%200%200%201%201.5-1.5h1a1.5%201.5%200%200%201%201.5%201.5v1a1.5%201.5%200%200%201-1.5%201.5h-1A1.5%201.5%200%200%201%209%2012.5v-1zm1.5-.5a.5.5%200%200%200-.5.5v1a.5.5%200%200%200%20.5.5h1a.5.5%200%200%200%20.5-.5v-1a.5.5%200%200%200-.5-.5h-1z'/%3e%3c/svg%3e");
}
i.user {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!%20Font%20Awesome%20Pro%206.1.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license%20(Commercial%20License)%20Copyright%202022%20Fonticons,%20Inc.--%3e%3cpath%20d='M256%200C114.6%200%200%20114.6%200%20256s114.6%20256%20256%20256%20256-114.6%20256-256S397.4%200%20256%200zm0%20128c39.77%200%2072%2032.24%2072%2072s-32.2%2072-72%2072c-39.76%200-72-32.24-72-72s32.2-72%2072-72zm0%20320c-52.93%200-100.9-21.53-135.7-56.29C136.5%20349.9%20176.5%20320%20224%20320h64c47.54%200%2087.54%2029.88%20103.7%2071.71C356.9%20426.5%20308.9%20448%20256%20448z'/%3e%3c/svg%3e");
}
i.equation {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-plus-slash-minus'%3e%3cpath%20d='m1.854%2014.854%2013-13a.5.5%200%200%200-.708-.708l-13%2013a.5.5%200%200%200%20.708.708ZM4%201a.5.5%200%200%201%20.5.5v2h2a.5.5%200%200%201%200%201h-2v2a.5.5%200%200%201-1%200v-2h-2a.5.5%200%200%201%200-1h2v-2A.5.5%200%200%201%204%201Zm5%2011a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5A.5.5%200%200%201%209%2012Z'/%3e%3c/svg%3e");
}
i.gif {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-filetype-gif'%3e%3cpath%20fill-rule='evenodd'%20d='M14%204.5V14a2%202%200%200%201-2%202H9v-1h3a1%201%200%200%200%201-1V4.5h-2A1.5%201.5%200%200%201%209.5%203V1H4a1%201%200%200%200-1%201v9H2V2a2%202%200%200%201%202-2h5.5L14%204.5ZM3.278%2013.124a1.403%201.403%200%200%200-.14-.492%201.317%201.317%200%200%200-.314-.407%201.447%201.447%200%200%200-.48-.275%201.88%201.88%200%200%200-.636-.1c-.361%200-.67.076-.926.229a1.48%201.48%200%200%200-.583.632%202.136%202.136%200%200%200-.199.95v.506c0%20.272.035.52.105.745.07.224.177.417.32.58.142.162.32.288.533.377.215.088.466.132.753.132.268%200%20.5-.037.697-.111a1.29%201.29%200%200%200%20.788-.77c.065-.174.097-.358.097-.551v-.797H1.717v.589h.823v.255c0%20.132-.03.254-.09.363a.67.67%200%200%201-.273.264.967.967%200%200%201-.457.096.87.87%200%200%201-.519-.146.881.881%200%200%201-.305-.413%201.785%201.785%200%200%201-.096-.615v-.499c0-.365.078-.648.234-.85.158-.2.38-.301.665-.301a.96.96%200%200%201%20.3.044c.09.03.17.071.236.126a.689.689%200%200%201%20.17.19.797.797%200%200%201%20.097.25h.776Zm1.353%202.801v-3.999H3.84v4h.79Zm1.493-1.59v1.59h-.791v-3.999H7.88v.653H6.124v1.117h1.605v.638H6.124Z'/%3e%3c/svg%3e");
}
i.copy {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%201000'%3e%3cpath%20d='M710%2010H360c-38.6%200-70%2031.4-70%2070v630c0%2038.6%2031.4%2070%2070%2070h490c38.6%200%2070-31.4%2070-70V220L710%2010zm0%2099%20111%20111H710V109zm140%20601H360V80h280v210h210v420z'/%3e%3cpath%20d='M430%20360h350v70H430v-70zm0%20140h350v70H430v-70z'/%3e%3cpath%20d='M640%20920H150V290h70v-70h-70c-38.6%200-70%2031.4-70%2070v630c0%2038.6%2031.4%2070%2070%2070h490c38.6%200%2070-31.4%2070-70v-70h-70v70z'/%3e%3c/svg%3e");
}
i.success {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3e%3ccircle%20cx='25'%20cy='25'%20r='25'%20fill='%2325ae88'/%3e%3cpath%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-miterlimit='10'%20d='M38%2015%2022%2033l-10-8'/%3e%3c/svg%3e");
}
i.prettier {
    background-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.571%2023.429A.571.571%200%200%201%208%2024H2.286a.571.571%200%200%201%200-1.143H8c.316%200%20.571.256.571.572zM8%2020.57H6.857a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143zm-5.714%201.143H4.57a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zM8%2018.286H2.286a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143zM16%2016H5.714a.571.571%200%200%200%200%201.143H16A.571.571%200%200%200%2016%2016zM2.286%2017.143h1.143a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zm17.143-3.429H16a.571.571%200%200%200%200%201.143h3.429a.571.571%200%200%200%200-1.143zM9.143%2014.857h4.571a.571.571%200%200%200%200-1.143H9.143a.571.571%200%200%200%200%201.143zm-6.857%200h4.571a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zM20.57%2011.43h-9.14a.571.571%200%200%200%200%201.142h9.142a.571.571%200%200%200%200-1.142zM9.714%2012a.571.571%200%200%200-.571-.571H5.714a.571.571%200%200%200%200%201.142h3.429A.571.571%200%200%200%209.714%2012zm-7.428.571h1.143a.571.571%200%200%200%200-1.142H2.286a.571.571%200%200%200%200%201.142zm19.428-3.428H16a.571.571%200%200%200%200%201.143h5.714a.571.571%200%200%200%200-1.143zM2.286%2010.286H8a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zm13.143-2.857A.57.57%200%200%200%2016%208h5.714a.571.571%200%200%200%200-1.143H16a.571.571%200%200%200-.571.572zm-8.572-.572a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143H6.857zM2.286%208H4.57a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zm16.571-2.857c0%20.315.256.571.572.571h1.142a.571.571%200%200%200%200-1.143H19.43a.571.571%200%200%200-.572.572zm-1.143%200a.571.571%200%200%200-.571-.572H12.57a.571.571%200%200%200%200%201.143h4.572a.571.571%200%200%200%20.571-.571zm-15.428.571h8a.571.571%200%200%200%200-1.143h-8a.571.571%200%200%200%200%201.143zm5.143-2.857c0%20.316.255.572.571.572h11.429a.571.571%200%200%200%200-1.143H8a.571.571%200%200%200-.571.571zm-5.143.572h3.428a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zm0-2.286H16A.571.571%200%200%200%2016%200H2.286a.571.571%200%200%200%200%201.143z'/%3e%3c/svg%3e");
}
i.prettier-error {
    background-image: url("data:image/svg+xml,%3csvg%20style='color:red'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.571%2023.429A.571.571%200%200%201%208%2024H2.286a.571.571%200%200%201%200-1.143H8c.316%200%20.571.256.571.572zM8%2020.57H6.857a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143zm-5.714%201.143H4.57a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zM8%2018.286H2.286a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143zM16%2016H5.714a.571.571%200%200%200%200%201.143H16A.571.571%200%200%200%2016%2016zM2.286%2017.143h1.143a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zm17.143-3.429H16a.571.571%200%200%200%200%201.143h3.429a.571.571%200%200%200%200-1.143zM9.143%2014.857h4.571a.571.571%200%200%200%200-1.143H9.143a.571.571%200%200%200%200%201.143zm-6.857%200h4.571a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zM20.57%2011.43h-9.14a.571.571%200%200%200%200%201.142h9.142a.571.571%200%200%200%200-1.142zM9.714%2012a.571.571%200%200%200-.571-.571H5.714a.571.571%200%200%200%200%201.142h3.429A.571.571%200%200%200%209.714%2012zm-7.428.571h1.143a.571.571%200%200%200%200-1.142H2.286a.571.571%200%200%200%200%201.142zm19.428-3.428H16a.571.571%200%200%200%200%201.143h5.714a.571.571%200%200%200%200-1.143zM2.286%2010.286H8a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zm13.143-2.857A.57.57%200%200%200%2016%208h5.714a.571.571%200%200%200%200-1.143H16a.571.571%200%200%200-.571.572zm-8.572-.572a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143H6.857zM2.286%208H4.57a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zm16.571-2.857c0%20.315.256.571.572.571h1.142a.571.571%200%200%200%200-1.143H19.43a.571.571%200%200%200-.572.572zm-1.143%200a.571.571%200%200%200-.571-.572H12.57a.571.571%200%200%200%200%201.143h4.572a.571.571%200%200%200%20.571-.571zm-15.428.571h8a.571.571%200%200%200%200-1.143h-8a.571.571%200%200%200%200%201.143zm5.143-2.857c0%20.316.255.572.571.572h11.429a.571.571%200%200%200%200-1.143H8a.571.571%200%200%200-.571.571zm-5.143.572h3.428a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143zm0-2.286H16A.571.571%200%200%200%2016%200H2.286a.571.571%200%200%200%200%201.143z'%20fill='red'/%3e%3c/svg%3e");
}
i.page-break, .icon.page-break {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-scissors'%20viewBox='0%200%2016%2016'%20transform='matrix(-1,%200,%200,%201,%200,%200)rotate(270)'%3e%3cpath%20d='M3.5%203.5c-.614-.884-.074-1.962.858-2.5L8%207.226%2011.642%201c.932.538%201.472%201.616.858%202.5L8.81%208.61l1.556%202.661a2.5%202.5%200%201%201-.794.637L8%209.73l-1.572%202.177a2.5%202.5%200%201%201-.794-.637L7.19%208.61%203.5%203.5zm2.5%2010a1.5%201.5%200%201%200-3%200%201.5%201.5%200%200%200%203%200zm7%200a1.5%201.5%200%201%200-3%200%201.5%201.5%200%200%200%203%200z'/%3e%3c/svg%3e");
}
.link-editor .button.active, .toolbar .button.active {
    background-color: #dfe8fa;
}
.link-editor .link-input {
    display: block;
    width: calc(100% - 75px);
    box-sizing: border-box;
    margin: 12px;
    padding: 8px 12px;
    border-radius: 15px;
    background-color: #eee;
    font-size: 15px;
    color: #050505;
    border: 0;
    outline: 0;
    position: relative;
    font-family: inherit;
}
.link-editor .link-view {
    display: block;
    width: calc(100% - 24px);
    margin: 8px 12px;
    padding: 8px 12px;
    border-radius: 15px;
    font-size: 15px;
    color: #050505;
    border: 0;
    outline: 0;
    position: relative;
    font-family: inherit;
}
.link-editor .link-view a {
    display: block;
    word-break: break-word;
    width: calc(100% - 33px);
}
.link-editor div.link-edit {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-pencil-fill'%3e%3cpath%20d='M12.854.146a.5.5%200%200%200-.707%200L10.5%201.793%2014.207%205.5l1.647-1.646a.5.5%200%200%200%200-.708l-3-3zm.646%206.061L9.793%202.5%203.293%209H3.5a.5.5%200%200%201%20.5.5v.5h.5a.5.5%200%200%201%20.5.5v.5h.5a.5.5%200%200%201%20.5.5v.5h.5a.5.5%200%200%201%20.5.5v.207l6.5-6.5zm-7.468%207.468A.5.5%200%200%201%206%2013.5V13h-.5a.5.5%200%200%201-.5-.5V12h-.5a.5.5%200%200%201-.5-.5V11h-.5a.5.5%200%200%201-.5-.5V10h-.5a.499.499%200%200%201-.175-.032l-.179.178a.5.5%200%200%200-.11.168l-2%205a.5.5%200%200%200%20.65.65l5-2a.5.5%200%200%200%20.168-.11l.178-.178z'/%3e%3c/svg%3e");
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    vertical-align: -0.25em;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.link-editor div.link-trash {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-trash'%3e%3cpath%20d='M5.5%205.5A.5.5%200%200%201%206%206v6a.5.5%200%200%201-1%200V6a.5.5%200%200%201%20.5-.5zm2.5%200a.5.5%200%200%201%20.5.5v6a.5.5%200%200%201-1%200V6a.5.5%200%200%201%20.5-.5zm3%20.5a.5.5%200%200%200-1%200v6a.5.5%200%200%200%201%200V6z'/%3e%3cpath%20fill-rule='evenodd'%20d='M14.5%203a1%201%200%200%201-1%201H13v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V4h-.5a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1H6a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201h3.5a1%201%200%200%201%201%201v1zM4.118%204%204%204.059V13a1%201%200%200%200%201%201h6a1%201%200%200%200%201-1V4.059L11.882%204H4.118zM2.5%203V2h11v1h-11z'/%3e%3c/svg%3e");
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    vertical-align: -0.25em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.link-editor div.link-cancel {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!%20Font%20Awesome%20Pro%206.1.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license%20(Commercial%20License)%20Copyright%202022%20Fonticons,%20Inc.--%3e%3cpath%20d='M0%20256C0%20114.6%20114.6%200%20256%200s256%20114.6%20256%20256-114.6%20256-256%20256S0%20397.4%200%20256zm175-47.9%2047.1%2047L175%20303c-9.3%209.4-9.3%2024.6%200%2033.1%209.4%2010.2%2024.6%2010.2%2033.1%200l47-46.2%2047.9%2046.2c9.4%2010.2%2024.6%2010.2%2033.1%200%2010.2-8.5%2010.2-23.7%200-33.1l-46.2-47.9%2046.2-47c10.2-8.5%2010.2-23.7%200-33.1-8.5-9.3-23.7-9.3-33.1%200l-47.9%2047.1-47-47.1c-8.5-9.3-23.7-9.3-33.1%200-9.3%209.4-9.3%2024.6%200%2033.1z'/%3e%3c/svg%3e");
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    vertical-align: -0.25em;
    margin-right: 28px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.link-editor div.link-confirm {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3e%3ccircle%20cx='25'%20cy='25'%20r='25'%20fill='%23000'/%3e%3cpath%20fill='none'%20stroke='%23fff'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-miterlimit='10'%20d='M38%2015%2022%2033l-10-8'/%3e%3c/svg%3e");
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    vertical-align: -0.25em;
    margin-right: 2px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.link-editor .link-input a {
    color: #216fdb;
    text-decoration: underline;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 30px;
    text-overflow: ellipsis;
}
.link-editor .link-input a:hover {
    text-decoration: underline;
}
.link-editor .font-size-wrapper, .link-editor .font-family-wrapper {
    display: flex;
    margin: 0 4px;
}
.link-editor select {
    padding: 6px;
    border: none;
    background-color: #000013;
    border-radius: 4px;
}
.mention:focus {
    box-shadow: #b4d5ff 0 0 0 2px;
    outline: none;
}
.characters-limit {
    color: #888;
    font-size: 12px;
    text-align: right;
    display: block;
    position: absolute;
    left: 12px;
    bottom: 5px;
}
.characters-limit.characters-limit-exceeded {
    color: red;
}
.dropdown {
    z-index: 100;
    display: block;
    position: fixed;
    box-shadow: 0 12px 28px #0003, 0 2px 4px #0000001a, inset 0 0 0 1px #ffffff80;
    border-radius: 8px;
    min-height: 40px;
    background-color: #fff;
    max-height: 300px;
    overflow: auto;
    z-index: 99999999999;
}
.dropdown .item {
    margin: 0 8px;
    padding: 8px;
    color: #050505;
    cursor: pointer;
    line-height: 16px;
    font-size: 15px;
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-shrink: 0;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 8px;
    border: 0;
    max-width: 250px;
    min-width: 100px;
}
.dropdown .item.wide {
    align-items: center;
    width: 248px;
}
.dropdown .item.wide .icon-text-container {
    display: flex;
}
.dropdown .item.wide .icon-text-container .text {
    min-width: 120px;
}
.dropdown .item .shortcut {
    color: #939393;
    align-self: flex-end;
}
.dropdown .item .active {
    display: flex;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.dropdown .item:first-child {
    margin-top: 8px;
}
.dropdown .item:last-child {
    margin-bottom: 8px;
}
.dropdown .item:hover {
    background-color: #eee;
}
.dropdown .item .text {
    display: flex;
    line-height: 20px;
    flex-grow: 1;
    min-width: 150px;
}
.dropdown .item .icon {
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 12px;
    line-height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.dropdown .divider {
    width: auto;
    background-color: #eee;
    margin: 4px 8px;
    height: 1px;
}
@media screen and (max-width: 1100px) {
    .dropdown-button-text {
        display: none !important;
    }
    .dialog-dropdown > .dropdown-button-text {
        display: flex !important;
    }
    .font-size .dropdown-button-text, .code-language .dropdown-button-text {
        display: flex !important;
    }
}
.icon.paragraph {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-paragraph'%3e%3cpath%20fill-rule='evenodd'%20d='M2%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm4-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.icon.h1 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h1'%3e%3cpath%20d='M8.637%2013V3.669H7.379V7.62H2.758V3.67H1.5V13h1.258V8.728h4.62V13h1.259zm5.329%200V3.669h-1.244L10.5%205.316v1.265l2.16-1.565h.062V13h1.244z'/%3e%3c/svg%3e");
}
.icon.h2 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h2'%3e%3cpath%20d='M7.638%2013V3.669H6.38V7.62H1.759V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.022-6.733v-.048c0-.889.63-1.668%201.716-1.668.957%200%201.675.608%201.675%201.572%200%20.855-.554%201.504-1.067%202.085l-3.513%203.999V13H15.5v-1.094h-4.245v-.075l2.481-2.844c.875-.998%201.586-1.784%201.586-2.953%200-1.463-1.155-2.556-2.919-2.556-1.941%200-2.966%201.326-2.966%202.74v.049h1.223z'/%3e%3c/svg%3e");
}
.icon.h3 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h3'%3e%3cpath%20d='M7.637%2013V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.625-4.272h1.018c1.142%200%201.935.67%201.949%201.674.013%201.005-.78%201.737-2.01%201.73-1.08-.007-1.853-.588-1.935-1.32H9.108c.069%201.327%201.224%202.386%203.083%202.386%201.935%200%203.343-1.155%203.309-2.789-.027-1.51-1.251-2.16-2.037-2.249v-.068c.704-.123%201.764-.91%201.723-2.229-.035-1.353-1.176-2.4-2.954-2.385-1.873.006-2.857%201.162-2.898%202.358h1.196c.062-.69.711-1.299%201.696-1.299.998%200%201.695.622%201.695%201.525.007.922-.718%201.592-1.695%201.592h-.964v1.074z'/%3e%3c/svg%3e");
}
.icon.h4 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h1'%3e%3cpath%20d='M7.637%2013V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.337.2v-2.328H9.108V9.828l3.441-6.35h1.632v6.141H15.5v1.253h-1.319V13.2Zm-2.615-3.581h2.615V6.7L13%204.689l-.872%201.7z'/%3e%3c/svg%3e");
}
.icon.h5 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h1'%3e%3cpath%20d='M7.637%2013V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm2.755-5.791a3.763%203.763%200%200%201%202.113-.517%202.973%202.973%200%200%201%202.995%203.1%203.45%203.45%200%200%201-.9%202.442%203.111%203.111%200%200%201-2.393.968%203.327%203.327%200%200%201-2.094-.671%202.758%202.758%200%200%201-1.007-2h1.284a1.387%201.387%200%200%200%20.511%201.1%202.384%202.384%200%200%200%201.4.421%201.819%201.819%200%200%200%201.479-.638%202.042%202.042%200%200%200%20.437-1.514%202.17%202.17%200%200%200-.567-1.584%201.958%201.958%200%200%200-1.468-.58%202.358%202.358%200%200%200-1.79.789H9.108V3.478h5.931v1.134h-4.647Z'/%3e%3c/svg%3e");
}
.icon.h6 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h1'%3e%3cpath%20d='M7.637%2013V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.039-6.13a2.823%202.823%200%200%201%201.419.364%202.69%202.69%200%200%201%201.022%201.05%203.327%203.327%200%200%201%20.383%201.642%203.594%203.594%200%200%201-.39%201.7%202.878%202.878%200%200%201-1.1%201.158%203.165%203.165%200%200%201-1.635.416%202.812%202.812%200%200%201-1.734-.545A3.49%203.49%200%200%201%209.51%2011.1a6.515%206.515%200%200%201-.4-2.411A7.726%207.726%200%200%201%209.542%206a4.289%204.289%200%200%201%201.233-1.851%202.831%202.831%200%200%201%201.889-.673A2.7%202.7%200%200%201%2013.8%203.7a2.463%202.463%200%200%201%20.812.586%202.886%202.886%200%200%201%20.514.8%202.768%202.768%200%200%201%20.223.861H14a1.488%201.488%200%200%200-.453-.923%201.346%201.346%200%200%200-.935-.329%201.509%201.509%200%200%200-1.072.425%202.839%202.839%200%200%200-.71%201.18%206.808%206.808%200%200%200-.323%201.771%202.639%202.639%200%200%201%20.918-.889%202.48%202.48%200%200%201%201.251-.312Zm-.285%205.117a1.617%201.617%200%200%200%20.91-.256%201.752%201.752%200%200%200%20.614-.713%202.336%202.336%200%200%200%20.223-1.037%202.211%202.211%200%200%200-.217-1.01%201.6%201.6%200%200%200-.6-.666%201.671%201.671%200%200%200-.892-.236%201.833%201.833%200%200%200-1.164.377%202.4%202.4%200%200%200-.743%201.009%203.749%203.749%200%200%200%20.6%201.845%201.5%201.5%200%200%200%201.269.687Z'/%3e%3c/svg%3e");
}
.icon.bullet-list, .icon.bullet {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-list-ul'%3e%3cpath%20fill-rule='evenodd'%20d='M5%2011.5a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm-3%201a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm0%204a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm0%204a1%201%200%201%200%200-2%201%201%200%200%200%200%202z'/%3e%3c/svg%3e");
}
.icon.check-list, .icon.check {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-check-square'%3e%3cpath%20d='M14%201a1%201%200%200%201%201%201v12a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1h12zM2%200a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2H2z'/%3e%3cpath%20d='M10.97%204.97a.75.75%200%200%201%201.071%201.05l-3.992%204.99a.75.75%200%200%201-1.08.02L4.324%208.384a.75.75%200%201%201%201.06-1.06l2.094%202.093%203.473-4.425a.235.235%200%200%201%20.02-.022z'/%3e%3c/svg%3e");
}
.icon.numbered-list, .icon.number {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-list-ol'%3e%3cpath%20fill-rule='evenodd'%20d='M5%2011.5a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5z'/%3e%3cpath%20d='M1.713%2011.865v-.474H2c.217%200%20.363-.137.363-.317%200-.185-.158-.31-.361-.31-.223%200-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595%200%200%201-.492.594v.033a.615.615%200%200%201%20.569.631c.003.533-.502.8-1.051.8-.656%200-1-.37-1.008-.794h.582c.008.178.186.306.422.309.254%200%20.424-.145.422-.35-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844.583%200%20.96.326.96.756%200%20.389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508%200-.18-.147-.32-.342-.32a.33.33%200%200%200-.342.338v.041zM2.564%205h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635V5z'/%3e%3c/svg%3e");
}
.icon.quote {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chat-square-quote'%3e%3cpath%20d='M14%201a1%201%200%200%201%201%201v8a1%201%200%200%201-1%201h-2.5a2%202%200%200%200-1.6.8L8%2014.333%206.1%2011.8a2%202%200%200%200-1.6-.8H2a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1h12zM2%200a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h2.5a1%201%200%200%201%20.8.4l1.9%202.533a1%201%200%200%200%201.6%200l1.9-2.533a1%201%200%200%201%20.8-.4H14a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2H2z'/%3e%3cpath%20d='M7.066%204.76A1.665%201.665%200%200%200%204%205.668a1.667%201.667%200%200%200%202.561%201.406c-.131.389-.375.804-.777%201.22a.417.417%200%201%200%20.6.58c1.486-1.54%201.293-3.214.682-4.112zm4%200A1.665%201.665%200%200%200%208%205.668a1.667%201.667%200%200%200%202.561%201.406c-.131.389-.375.804-.777%201.22a.417.417%200%201%200%20.6.58c1.486-1.54%201.293-3.214.682-4.112z'/%3e%3c/svg%3e");
}
.icon.code {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-code'%3e%3cpath%20d='M5.854%204.854a.5.5%200%201%200-.708-.708l-3.5%203.5a.5.5%200%200%200%200%20.708l3.5%203.5a.5.5%200%200%200%20.708-.708L2.707%208l3.147-3.146zm4.292%200a.5.5%200%200%201%20.708-.708l3.5%203.5a.5.5%200%200%201%200%20.708l-3.5%203.5a.5.5%200%200%201-.708-.708L13.293%208l-3.147-3.146z'/%3e%3c/svg%3e");
}
.switches {
    z-index: 6;
    position: fixed;
    left: 10px;
    bottom: 70px;
    animation: slide-in 0.4s ease;
}


#typeahead-menu  .icon.paragraph {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-paragraph'%3e%3cpath%20fill-rule='evenodd'%20d='M2%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm4-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.h1 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h1'%3e%3cpath%20d='M8.637%2013V3.669H7.379V7.62H2.758V3.67H1.5V13h1.258V8.728h4.62V13h1.259zm5.329%200V3.669h-1.244L10.5%205.316v1.265l2.16-1.565h.062V13h1.244z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.h2 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h2'%3e%3cpath%20d='M7.638%2013V3.669H6.38V7.62H1.759V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.022-6.733v-.048c0-.889.63-1.668%201.716-1.668.957%200%201.675.608%201.675%201.572%200%20.855-.554%201.504-1.067%202.085l-3.513%203.999V13H15.5v-1.094h-4.245v-.075l2.481-2.844c.875-.998%201.586-1.784%201.586-2.953%200-1.463-1.155-2.556-2.919-2.556-1.941%200-2.966%201.326-2.966%202.74v.049h1.223z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.h3 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h3'%3e%3cpath%20d='M7.637%2013V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.625-4.272h1.018c1.142%200%201.935.67%201.949%201.674.013%201.005-.78%201.737-2.01%201.73-1.08-.007-1.853-.588-1.935-1.32H9.108c.069%201.327%201.224%202.386%203.083%202.386%201.935%200%203.343-1.155%203.309-2.789-.027-1.51-1.251-2.16-2.037-2.249v-.068c.704-.123%201.764-.91%201.723-2.229-.035-1.353-1.176-2.4-2.954-2.385-1.873.006-2.857%201.162-2.898%202.358h1.196c.062-.69.711-1.299%201.696-1.299.998%200%201.695.622%201.695%201.525.007.922-.718%201.592-1.695%201.592h-.964v1.074z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.h4 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h1'%3e%3cpath%20d='M7.637%2013V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.337.2v-2.328H9.108V9.828l3.441-6.35h1.632v6.141H15.5v1.253h-1.319V13.2Zm-2.615-3.581h2.615V6.7L13%204.689l-.872%201.7z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.h5 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h1'%3e%3cpath%20d='M7.637%2013V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm2.755-5.791a3.763%203.763%200%200%201%202.113-.517%202.973%202.973%200%200%201%202.995%203.1%203.45%203.45%200%200%201-.9%202.442%203.111%203.111%200%200%201-2.393.968%203.327%203.327%200%200%201-2.094-.671%202.758%202.758%200%200%201-1.007-2h1.284a1.387%201.387%200%200%200%20.511%201.1%202.384%202.384%200%200%200%201.4.421%201.819%201.819%200%200%200%201.479-.638%202.042%202.042%200%200%200%20.437-1.514%202.17%202.17%200%200%200-.567-1.584%201.958%201.958%200%200%200-1.468-.58%202.358%202.358%200%200%200-1.79.789H9.108V3.478h5.931v1.134h-4.647Z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.h6 {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-type-h1'%3e%3cpath%20d='M7.637%2013V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13Zm5.039-6.13a2.823%202.823%200%200%201%201.419.364%202.69%202.69%200%200%201%201.022%201.05%203.327%203.327%200%200%201%20.383%201.642%203.594%203.594%200%200%201-.39%201.7%202.878%202.878%200%200%201-1.1%201.158%203.165%203.165%200%200%201-1.635.416%202.812%202.812%200%200%201-1.734-.545A3.49%203.49%200%200%201%209.51%2011.1a6.515%206.515%200%200%201-.4-2.411A7.726%207.726%200%200%201%209.542%206a4.289%204.289%200%200%201%201.233-1.851%202.831%202.831%200%200%201%201.889-.673A2.7%202.7%200%200%201%2013.8%203.7a2.463%202.463%200%200%201%20.812.586%202.886%202.886%200%200%201%20.514.8%202.768%202.768%200%200%201%20.223.861H14a1.488%201.488%200%200%200-.453-.923%201.346%201.346%200%200%200-.935-.329%201.509%201.509%200%200%200-1.072.425%202.839%202.839%200%200%200-.71%201.18%206.808%206.808%200%200%200-.323%201.771%202.639%202.639%200%200%201%20.918-.889%202.48%202.48%200%200%201%201.251-.312Zm-.285%205.117a1.617%201.617%200%200%200%20.91-.256%201.752%201.752%200%200%200%20.614-.713%202.336%202.336%200%200%200%20.223-1.037%202.211%202.211%200%200%200-.217-1.01%201.6%201.6%200%200%200-.6-.666%201.671%201.671%200%200%200-.892-.236%201.833%201.833%200%200%200-1.164.377%202.4%202.4%200%200%200-.743%201.009%203.749%203.749%200%200%200%20.6%201.845%201.5%201.5%200%200%200%201.269.687Z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.bullet-list, #typeahead-menu .icon.bullet {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-list-ul'%3e%3cpath%20fill-rule='evenodd'%20d='M5%2011.5a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm-3%201a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm0%204a1%201%200%201%200%200-2%201%201%200%200%200%200%202zm0%204a1%201%200%201%200%200-2%201%201%200%200%200%200%202z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.check-list, #typeahead-menu .icon.check {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-check-square'%3e%3cpath%20d='M14%201a1%201%200%200%201%201%201v12a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1h12zM2%200a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2H2z'/%3e%3cpath%20d='M10.97%204.97a.75.75%200%200%201%201.071%201.05l-3.992%204.99a.75.75%200%200%201-1.08.02L4.324%208.384a.75.75%200%201%201%201.06-1.06l2.094%202.093%203.473-4.425a.235.235%200%200%201%20.02-.022z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.numbered-list, #typeahead-menu .icon.number {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-list-ol'%3e%3cpath%20fill-rule='evenodd'%20d='M5%2011.5a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5z'/%3e%3cpath%20d='M1.713%2011.865v-.474H2c.217%200%20.363-.137.363-.317%200-.185-.158-.31-.361-.31-.223%200-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595%200%200%201-.492.594v.033a.615.615%200%200%201%20.569.631c.003.533-.502.8-1.051.8-.656%200-1-.37-1.008-.794h.582c.008.178.186.306.422.309.254%200%20.424-.145.422-.35-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844.583%200%20.96.326.96.756%200%20.389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508%200-.18-.147-.32-.342-.32a.33.33%200%200%200-.342.338v.041zM2.564%205h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635V5z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.quote {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chat-square-quote'%3e%3cpath%20d='M14%201a1%201%200%200%201%201%201v8a1%201%200%200%201-1%201h-2.5a2%202%200%200%200-1.6.8L8%2014.333%206.1%2011.8a2%202%200%200%200-1.6-.8H2a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1h12zM2%200a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h2.5a1%201%200%200%201%20.8.4l1.9%202.533a1%201%200%200%200%201.6%200l1.9-2.533a1%201%200%200%201%20.8-.4H14a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2H2z'/%3e%3cpath%20d='M7.066%204.76A1.665%201.665%200%200%200%204%205.668a1.667%201.667%200%200%200%202.561%201.406c-.131.389-.375.804-.777%201.22a.417.417%200%201%200%20.6.58c1.486-1.54%201.293-3.214.682-4.112zm4%200A1.665%201.665%200%200%200%208%205.668a1.667%201.667%200%200%200%202.561%201.406c-.131.389-.375.804-.777%201.22a.417.417%200%201%200%20.6.58c1.486-1.54%201.293-3.214.682-4.112z'/%3e%3c/svg%3e");
}
#typeahead-menu .icon.code {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-code'%3e%3cpath%20d='M5.854%204.854a.5.5%200%201%200-.708-.708l-3.5%203.5a.5.5%200%200%200%200%20.708l3.5%203.5a.5.5%200%200%200%20.708-.708L2.707%208l3.147-3.146zm4.292%200a.5.5%200%200%201%20.708-.708l3.5%203.5a.5.5%200%200%201%200%20.708l-3.5%203.5a.5.5%200%200%201-.708-.708L13.293%208l-3.147-3.146z'/%3e%3c/svg%3e");
}
#typeahead-menu .switches {
    z-index: 6;
    position: fixed;
    left: 10px;
    bottom: 70px;
    animation: slide-in 0.4s ease;
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translate(-200px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.switch {
    display: block;
    color: #444;
    margin: 5px 0;
    background-color: #eee b3;
    padding: 5px 10px;
    border-radius: 10px;
}
#rich-text-switch {
    right: 0;
}
#character-count-switch {
    right: 130px;
}
.switch label {
    margin-right: 5px;
    line-height: 24px;
    width: 100px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.switch button {
    background-color: #ced0d4;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px;
    width: 44px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    outline: none;
    cursor: pointer;
    transition: background-color 0.1s;
    border: 2px solid transparent;
}
.switch button:focus-visible {
    border-color: #00f;
}
.switch button span {
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    background-color: #fff;
    transition: transform 0.2s;
}
.switch button[aria-checked=true] {
    background-color: #1877f2;
}
.switch button[aria-checked=true] span {
    transform: translate(20px);
}
.editor-shell span.editor-image {
    cursor: default;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}
.editor-shell .editor-image img {
    max-width: 100%;
    cursor: default;
}
.editor-shell .editor-image img.focused {
    outline: 2px solid #3c84f4;
    -webkit-user-select: none;
    user-select: none;
}
.editor-shell .editor-image img.focused.draggable {
    cursor: grab;
}
.editor-shell .editor-image img.focused.draggable:active {
    cursor: grabbing;
}
.editor-shell .editor-image .image-caption-container .tree-view-output {
    margin: 0;
    border-radius: 0;
}
.editor-shell .editor-image .image-caption-container {
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    border-top: 1px solid #fff;
    background-color: #fff e6;
    min-width: 100px;
    color: #000;
    overflow: hidden;
}
.editor-shell .editor-image .image-caption-button {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 30%;
    padding: 10px;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
    background-color: #000 80;
    min-width: 100px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.editor-shell .editor-image .image-caption-button:hover {
    background-color: #3c84f4 80;
}
.editor-shell .editor-image .image-edit-button {
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 5px;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-pencil-fill'%3e%3cpath%20d='M12.854.146a.5.5%200%200%200-.707%200L10.5%201.793%2014.207%205.5l1.647-1.646a.5.5%200%200%200%200-.708l-3-3zm.646%206.061L9.793%202.5%203.293%209H3.5a.5.5%200%200%201%20.5.5v.5h.5a.5.5%200%200%201%20.5.5v.5h.5a.5.5%200%200%201%20.5.5v.5h.5a.5.5%200%200%201%20.5.5v.207l6.5-6.5zm-7.468%207.468A.5.5%200%200%201%206%2013.5V13h-.5a.5.5%200%200%201-.5-.5V12h-.5a.5.5%200%200%201-.5-.5V11h-.5a.5.5%200%200%201-.5-.5V10h-.5a.499.499%200%200%201-.175-.032l-.179.178a.5.5%200%200%200-.11.168l-2%205a.5.5%200%200%200%20.65.65l5-2a.5.5%200%200%200%20.168-.11l.178-.178z'/%3e%3c/svg%3e");
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    vertical-align: -0.25em;
    position: absolute;
    right: 4px;
    top: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.editor-shell .editor-image .image-edit-button:hover {
    background-color: #3c84f4 1a;
}
.editor-shell .editor-image .image-resizer {
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #3c84f4;
    border: 1px solid #fff;
}
.editor-shell .editor-image .image-resizer.image-resizer-n {
    top: -6px;
    left: 48%;
    cursor: n-resize;
}
.editor-shell .editor-image .image-resizer.image-resizer-ne {
    top: -6px;
    right: -6px;
    cursor: ne-resize;
}
.editor-shell .editor-image .image-resizer.image-resizer-e {
    bottom: 48%;
    right: -6px;
    cursor: e-resize;
}
.editor-shell .editor-image .image-resizer.image-resizer-se {
    bottom: -2px;
    right: -6px;
    cursor: nwse-resize;
}
.editor-shell .editor-image .image-resizer.image-resizer-s {
    bottom: -2px;
    left: 48%;
    cursor: s-resize;
}
.editor-shell .editor-image .image-resizer.image-resizer-sw {
    bottom: -2px;
    left: -6px;
    cursor: sw-resize;
}
.editor-shell .editor-image .image-resizer.image-resizer-w {
    bottom: 48%;
    left: -6px;
    cursor: w-resize;
}
.editor-shell .editor-image .image-resizer.image-resizer-nw {
    top: -6px;
    left: -6px;
    cursor: nw-resize;
}
.editor-shell span.inline-editor-image {
    cursor: default;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.editor-shell .inline-editor-image img {
    max-width: 100%;
    cursor: default;
}
.editor-shell .inline-editor-image img.focused {
    outline: 2px solid #3c84f4;
}
.editor-shell .inline-editor-image img.focused.draggable {
    cursor: grab;
}
.editor-shell .inline-editor-image img.focused.draggable:active {
    cursor: grabbing;
}
.editor-shell .inline-editor-image .image-caption-container .tree-view-output {
    margin: 0;
    border-radius: 0;
}
.editor-shell .inline-editor-image.position-full {
    margin: 1em 0;
}
.editor-shell .inline-editor-image.position-left {
    float: left;
    width: 50%;
    margin: 1em 1em 0 0;
}
.editor-shell .inline-editor-image.position-right {
    float: right;
    width: 50%;
    margin: 1em 0 0 1em;
}
.editor-shell .inline-editor-image .image-edit-button {
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 6px 8px;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
    background-color: #000 80;
    min-width: 60px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.editor-shell .inline-editor-image .image-edit-button:hover {
    background-color: #3c84f4 80;
}
.editor-shell .inline-editor-image .image-caption-container {
    display: block;
    background-color: #f4f4f4;
    min-width: 100%;
    color: #000;
    overflow: hidden;
}
.emoji {
    color: transparent;
    caret-color: #050505;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: 0 -1px;
}
.emoji-inner {
    padding: 0 0.15em;
}
.emoji-inner::selection {
    color: transparent;
    background-color: #969696 66;
}
.emoji-inner::moz-selection {
    color: transparent;
    background-color: #969696 66;
}
.emoji.happysmile {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACE1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAAB2bRQBAQD25CoaGAT15CqFfBdIQwwZFwTSwyTTxCStoR4KCQKGfRfz4in04yoMCwJHQgxRSw5STA7r2ijj0yeDehammhylmRwjIAYiHwbv3ikYFgR1bBQbGQV3bhRlXhGXjBpOSA355yrq2SjVxiTn1yewox776SvMvSM/OwtzahQODQJcVRACAgALCgKonB1FQAxEPwynmxxTTQ5GQQzs2yjQwSPOvyPNviNUTg62qR8kIQZPSQ3PwCO5rCB+dRW6rSDu3Sm3qh9YUg8lIgaBeBaUihmqnh2rnx3p2SiQhhmvoh4HBgHo2CgIBwHk1CeRhxlQSg6xpB6CeRZJRAySiBlXUQ9WUA/w3ynt3ChaVA+Vixl180CkAAAAU3RSTlMABfwYE47z9P75uJBWWWtt8e746+zt2djatrUWjcvIxxVs9Y8bjHcZZ/IaUHPQJ83OJHVPYPvcVdtuF1gUycoSTczxz2TzI3YEJiVodCgGTmVTUqncTiEAAALWSURBVFjD7ZfVWxtBFMUhJNkI2lIoBYoVLVaou7vvyQQIwZPgVJC2uLtDsbp7+ycWHtjsJuzsJF/7tQ85T7N3d377jdw7Z/z8fPLJp3+vgCCjISJMrw+LMBiPHfWWcvxILCQ6kaD2ArMnKRGoshS1l1SbzdUlr4psVQCnyfAQ45/CgVgGKnmRKoctBNwlf0842VnA1DjvpjkHcO4KO+eOFiuL/Jaan8GFvayc/Qfg+MHLqGkZqmtsnDSQBZ6icoIQFs5dFfnFU7VGVAyj2xeKIl5Bq9DeUOLczMJPXlHfkKu0C1Kw8l0Z9LQBeQr7mcMiz6AlaFOpoCSM8EyyI4bGUSeScTbQBOFoGRyCzzyjbAimgGIxsPmh+X5xgcks7iqN1GE3pY7pqoR8N21UIJMYJI1U9OuiZUFBsAjdije63RODXCKDCJQFGUWbumCj2wMxyCVSC40syICP0oE8dBuaM1KKXbKgg3jsnFpTgetkSyMl2CkL2oFHPLOeYLssSA8zO6gQ2/4+6I8N7bBoshVFm2wD2tlBtOU3KldZnmlDBsHGDhrCIaakVVJFmS5ePv1PYlj4sqNwiyXvEJr1iKMWNmf69/Z0v5Niarp7eoWHUWphU3NkTshRgrf2urHNx+r6D69BhHI0SS+1fho4hH92OvrW072htdlkam5tXG/2jXQKL2eRTD1FMrSYF43lZVfZpl3r73pf43wzjfQA+sGWh5km8by0WZ+1lJe3PLe2SQ7IRmQqWbVcLCuv/RRy/BlMxKoSZwHabGU7kq8ia3TOF6husRik2y7HkJvRgu48s/Wzj8lav69QpbGayPxQNCxtzZluxNnT7Lb2ag5gn3DHTM4CZy56ZNiva0FsdRWSfK8fJUjPvOyh90/VcEDZYG2p9YW58I219NPQ+ibnkgO8uI2oE3brxHcaXVzwKW8vSNGBmqjIcL0+PDIqJjDed+30yaf/QL8BILNaoYqaEPoAAAAASUVORK5CYII=);
}
.emoji.veryhappysmile {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACzVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAADqWkf///8BAAB2bRT25CoaGATw3ykyLwmFfBdIQwxHQgwJCALz4in45ir04yrMzMwBAQEZFwTTxCR3bhQMCwKtoR4kIQaonB1YUg8IBwEMDAzt3CiDehbr2ij15Cqwox5TTQ5STA7u3SlRSw62qR+4qx/OvyNFQAzQwSOSiBlEPwx+dRUOBQQEBAEDAgEjIAZDGhQ4ODh1bBQbGQUYFgTn1yfVxiSnmxylmRymmhxGQQzPwCO5rCBWUA8iHwaGfRfNviO6rSCBeBZPSQ2UihnSwyTo2Cjx4ClAGBNNHhfk1Ce+sCB6cRVJRAyCeRZqamosLCzPTz54bxTCtCHWxyUYCQcWCQczFA8WFATKTj2hlhtMHRfIyMhfJB0eHh5aWlpJSUkGBgZFRUUvLy8iIiLd3d319fWxpB6voh5aVA8TEQOVixkwEg5LRg0oJQfSUUCrnx3FtyKXjBrfzybZyiUuKgiPhRj35SqSOCzg0CaWOi3x8fFBPQv55yp8cxVJHBZOSA3UxSQGAgJeVxB/dhYGBQHZ2dkUCAa0RTdkJh7RUD+fn5/GTDyoqKgqEA2vQzUMBQQqKiohDQq9ryB4eHh+fn7aVEKFhYWjPzFVVVVIHBbR0dGCMiePj4+wRDbXyCVUIBpsKSGKNSo2FRA1FBA6OjoEBAT9/f09PT0PDw8fHAUZGRkpKSnp6el6XgltAAAAP3RSTlMABfxr+ROO9P7zF5C47FbIthnP8VkVFM1td9Ajde747dnc2/XYjY8bjE1Q8mdzJWQm+2BPblgSycsEaCgGU1L0HiQRAAADp0lEQVRYw+2X5VsUURTGYVk26BSxFVuxu+aFYRFYUBEpkVwQBEm7GxSwC1Swu7vF7u7urr/BmXEXZxd35sKjj37Y99M+Z8797XPPPefcc83MTDLJpH8vKxdrm3q1pdLa9WysO1pVlVKtQxfoqbOFZRUwTRp7AKEB/nEhMSpVTMhmf3UoIJc5VhJj7i4HHRDRl+Kp7+gAGnJ388pw2tQA4odQFTQ+AXBqQ87pqUT4VOq3mhAOZXNSTru2SBhEGZEmEpJuZJyWoIdSAppMozoJp5eE3kYJagYtIdhdTWf4UyKaBmV3MU6PGthCiWoinMSywB3hvcVBmizUEslnOaZSBEqCUjjHGyOeIlIiGglxLD3oIWSgZFouVMHVMYcilBoWAqAuiNA5qob19/VR8ZfqW8bCXqCPKULL692H7UA+fJC+JShU4WoU5IKA8mX92WUj+CADSwrsjIKseUntyy4bzgcZWKIhMwqywSb9jQyosLVfljA4GAXVx6hfofXxNQy2viUEDYyC6iKGItZI2BoFSaEiB8Wizt8H/bGtNeAFW1RCwbZBHDlI6Ph1CanZndzHKGBfnEY0IV2g5nwGAAP9Is8tv/uSf9VqFi9avvCUry4p0wRKRFe0sxEVrB0cAouz/Dh9CdRaMjGbK9pAgaJl2sho1ukg5h0ruXpv1af1a3jDSNT694/vX78wD6mszxihNsI0Nq78CzHfW6uN3zf047Rho9YyH4WszzjBxmYpp8czTn0GIur2quclH70N9PTh6pUIZA9iinCrNZMhgf27A9rdfIj6+m1dztrVa3Ny1q38vOZn4HayHtPRVPAWcVRiAuO2PwM37twKhqHo9CXIXMxdRy1EJsFaCGfTpAxLr3l5PXjx5vWrFdlvi95lZz8pffZomdeyJVjIZsIkeIqNak6IZDxPpOHiTa8KurQUx9kIxcPNnGCImMamyRzQpQv0MVcuByNlJvNxKJQEY1t7CT2DPbm555F58nA5a9fR/DPIKDvEfEqFpBnJgNRae+mcPpvBxDd9+6z8/FlF6czPjEjuGp4MRWvi0S+Ra0wFe3cU6w5sqzr1CFdxEyFpSTpEtndGVpK2VPP2DI6ISFpUoBtDJsG5mRmxWrkBickVW8iU6YBbzUoN7J5K0OqxQXxK0JhxNFp4dq3k7O8okzNNJCU6LDdPFZuXGzY3jekj8qZVedlYWtgr+PWhsLfoVNUHkqudzKGhrVRq29ChkZ2r6dlpkkn/gX4AY/8OuDJyF4EAAAAASUVORK5CYII=);
}
.emoji.unhappysmile {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACOlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAAD25Cp2bRQBAQAaGAQZFwSFfBdIQwzz4inTxCStoR5HQgz04yoMCwLv3in15CqDehYKCQJEPwxRSw7QwSNSTA5YUg9WUA82Mgl1bBQbGQV3bhQYFgTr2ijq2SjVxiTn1yewox7SwyRFQAyonB2lmRymmhynmxxGQQzOvyPo2CiGfRfNviM7NwpUTg7PwCMkIQa5rCC2qR9PSQ0lIga6rSC3qh/u3Sl+dRWBeBaUihkuKwgPDgPp2Sj76SuxpB6voh4LCgKCeRZJRAySiBkmIwYFBQEiHwZTTQ5XUQ/eziYhHwYiIAYjIAZaVA/s2yjw3ynt3CiVixlKRQ2NgxjUxSQEBAFOSA0HBgGpnR3IuSJmXxH45iohHgbWxyXRwiTy4SlAPAvm1ifZyiUGBgH55yrg0Caqnh1iWxHHuCIDAwFqoJzsAAAAUnRSTlMA/AUYjhPz9P75kLhZVmtt8vH47uzt69jZ2rUWtsvIxxWNbPWPGxl3jFAaZ3MkJ9DOdc1PYPvcVdtYFBduEsnKTczPZCYjdgTwdAYoJWhOZVNSPExHuwAAAtFJREFUWMPtl+VXG0EUxQkk2QhaaKHFpUCBonV317mbJQkQ3Cu0xaVokWJ1d3d3+d9aeg7sbtKdneS0p/2Q+23evPmdM/bmjo+PV1559e/l528yR4QajaERZtPylZ5SVqyKhkxrEnQeYOYnJQIldltjYQPPNxSetTlKAE6b5ibGN4WDYG8pJhIVt9sFcFt83eFkZgG91cRFfTXAhk3snH16DA2T32qgH8ELWDmLFqPmHlFQaS00u9k46RBGCUXHBQSxcPZrhPuEqnFBwzC7hSGwERWNQb9TjbMjC7eJquqQrXYKUjB0Vx108hZyVM4zh2HCoBHok6mgJFwlTKpCPI2jSxSq2UCdAke7wUG4QBjlQCAFFI2W6UT+gDXfwkuHyiNtiKHUMUPJzH23TFUgixQkjxScM0QqgvxhnxlmnRp2WApyijQjQBFkkhzq/KlhB6Ugp0g5tIogM87IJ3LIZWpipAjzFEFLcFRcWku+82LLI4WYqwiajSOEWccwRxFkBM8OKsOsvw/6Y1NbJllsVdEW24xGdhBt+03qVZYwHUh/OJzTP9sqrbh86cHDLueeSixlurS/9P7r92kH8fRFqayroMIQp3z916JdmvzNio+1X66f5h89e/IYr55L+1oRSy1sdknum0m8+zDdeF2PSWn17KAWNh0n9Im5E6j7JLZe1mFCbHXTS62PFjVick/9W9mq1PeIjUGkUl+RND0GWPb+BIL96A9bDvpLGR7IG8hQs2rZqFUH9SLXl8FEjKlxRqHPVLcjeRphnM65CM0eFoO01+kZcjFaMGxktn5VdxSt3zVo0llNZF4Ibo4o7PsVbFvHbmt35QJVna6Y7kFg/Wa3DPt2PQRHW4HsZLd2CAjO2Oqm90/WckBFc3lR0ym+rKup6Hxlxc8vRKqfB78RXUKMQfqnMcQGrvb0gxQZoI0KDzMaw8Kj4gPivN9Or7z6D/QDbi1VtzA+50wAAAAASUVORK5CYII=);
}
.emoji.heart {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACrFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKBAMAAAAAAAAAAAAAAAAAAAAAAADqWkcAAAABAAACAQBtKiFrKSFqKSDfVkQaCghUIBkuEg4VCAbXU0HRUD8HAwLZU0LjV0XhVkTmWUYEAQECAQFoKB8wEg6DMihXIhqZOy6nQDPiV0RlJx8PBgXkWEXITT2YOy51LSMUCAboWUYxEw8sEQ0GAgIIAwKhPjEoEAxUIBrYU0GGNCmAMSeFMyh+MCZZIhtaIxsYCQdVIRqBMifSUUBRHxjQUD8tEQ6CMijeVUNmJx9pKCCXOi5dJByJNSkFAgJIHBY0FBDcVUOKNSokDguONys4FhEnDwzpWke4RzhNHhcXCQflWEacPC8NBQSiPjHUUkAhDQo3FRGVOS21Rje8SDnFTDzCSjsZCggLBANkJh66SDnnWUbaVEJsKiEeDAk/GBNEGhUEAgEbCwi/STofDAk8FxKePTCgPTCfPTCwRDXMTj7PUD8RBwUdGVw/AAAAdXRSTlMAs81bCHPz+j4B9TcHPcJ4+ftS/gusTXF3ZVk1aTB0isrDdYv9EixV3FFHtEUvrQk/S/Jd9F+rTMRnaK/3Nt7SUxPrDCCpXuFE1iTuvg6TSQQ0+DilCp/kFs8YBpID6Woha0A77AWadh5kG6HH5/6O/JC6ArUoUSe0AAACyklEQVRYw+2XVVcbURSFg05CIXiBtlAc6u5C3d3d3W32xLBA8BYprnV3d3d39/6RFtJCk8yduRN46EO+x71WvpU1c+eefWQyGzZsSKad3MHPP0DuY5r6yAP8/RzcHKk1jX07owbGroXib6jwsmOMqbNvNypNo+4AFx+Xod6dmQbY9/mT2gNpJXvUGXHxHKBsKu5pxiAh6wBbw7adsfBcWp26eyJ2e7Ix1R9JANNDzBMGTqNjazFoVFgrk62HSm2oS3XHOTQX+T9I2sKa8KUMTqFIqjBNTyShp+DzYTgzD8t+5daFqyrM0wKOEXpOIdCwFmgAtWWqhVLgvSNBZ/mTlMrKHMv0aBE6EEVtkcXykJrKl+5HV5LHsSN3iKVGzzmTzrgcmawE4uFGEDkgToroIJoQREHQShFp4UQQhfK9fGtEXbBZimgfOhFE7XFYiqgUcoLI1SU9kd6TmO7iSjpIrbCDXrQLdsST3RKxObSelL1oTRQp7HGMVpSLYIGvP9BDlU3nyVZ5tBG6kNyRl0/jyc+Du+ANqRiMC+fEPbrL6KUQvmsHxuBMsZjnyjUMHy12+w8agEIxUSFGjhCfR8M8uZvCntuq8LE0EzIITx8LeR7dIn6tZkzB62Sy5+VdTKKc/Y7BePOC5Cl+i+mTaVvEsjl8A8jIKyyaR19rFnpwBfyezxyzQEpBmo/y53yeD2swV1rVWoL3PHdT8keslNjZFitxb6vFpPyEVa5S29+Mqcg1Fz3D6hXSe+TECbho6rkPxs2aRjoEZVf/9Twsx3Lruu0YXNfXee48wSwrS/K4UThb+8BvXELITGvrdv++dSPzJIZOs764B7rgvNFzCr3H12cF6Of97lu158FpYvWgJAw/v7PsjyKxOizKxk0oTTGUYMPs+u43EdGoqkJ0RP03pUjn33tMZEPsXF7e3l4Ns71FRdk2WBs2/ht+ATukxXbBieGmAAAAAElFTkSuQmCC);
}
.keyword {
    color: #f1765e;
    font-weight: 700;
}
.editor-container .actions {
    position: absolute;
    text-align: right;
    margin: 10px;
    bottom: 0;
    right: 0;
    display: none;
}
.editor-container .actions.tree-view {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.editor-container .actions i {
    background-size: contain;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: -0.25em;
}
.editor-container .actions i.indent {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-indent-left'%3e%3cpath%20d='M2%203.5a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm.646%202.146a.5.5%200%200%201%20.708%200l2%202a.5.5%200%200%201%200%20.708l-2%202a.5.5%200%200%201-.708-.708L4.293%208%202.646%206.354a.5.5%200%200%201%200-.708zM7%206.5a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5zm0%203a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5zm-5%203a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.editor-container .actions i.outdent {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-indent-right'%3e%3cpath%20d='M2%203.5a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm10.646%202.146a.5.5%200%200%201%20.708.708L11.707%208l1.647%201.646a.5.5%200%200%201-.708.708l-2-2a.5.5%200%200%201%200-.708l2-2zM2%206.5a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5zm0%203a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5zm0%203a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.editor-container .actions i.lock {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-lock-fill'%3e%3cpath%20d='M8%201a2%202%200%200%201%202%202v4H6V3a2%202%200%200%201%202-2zm3%206V3a3%203%200%200%200-6%200v4a2%202%200%200%200-2%202v5a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2z'/%3e%3c/svg%3e");
}
.editor-container .actions i.image {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-file-image'%3e%3cpath%20d='M8.002%205.5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200z'/%3e%3cpath%20d='M12%200H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2zM3%202a1%201%200%200%201%201-1h8a1%201%200%200%201%201%201v8l-2.083-2.083a.5.5%200%200%200-.76.063L8%2011%205.835%209.7a.5.5%200%200%200-.611.076L3%2012V2z'/%3e%3c/svg%3e");
}
.editor-container .actions i.table {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-table'%3e%3cpath%20d='M0%202a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V2zm15%202h-4v3h4V4zm0%204h-4v3h4V8zm0%204h-4v3h3a1%201%200%200%200%201-1v-2zm-5%203v-3H6v3h4zm-5%200v-3H1v2a1%201%200%200%200%201%201h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4%204H6v3h4V8z'/%3e%3c/svg%3e");
}
.editor-container .actions i.unlock {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-lock'%3e%3cpath%20d='M8%201a2%202%200%200%201%202%202v4H6V3a2%202%200%200%201%202-2zm3%206V3a3%203%200%200%200-6%200v4a2%202%200%200%200-2%202v5a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2zM5%208h6a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V9a1%201%200%200%201%201-1z'/%3e%3c/svg%3e");
}
.editor-container .actions i.left-align {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-left'%3e%3cpath%20fill-rule='evenodd'%20d='M2%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.editor-container .actions i.center-align {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-center'%3e%3cpath%20fill-rule='evenodd'%20d='M4%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-2-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm2-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-2-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.editor-container .actions i.right-align {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-text-right'%3e%3cpath%20fill-rule='evenodd'%20d='M6%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-4-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm4-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-4-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.editor-container .actions i.justify-align {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-justify'%3e%3cpath%20fill-rule='evenodd'%20d='M2%2012.5a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
.editor-container .actions i.disconnect {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-plug'%3e%3cpath%20d='M6%200a.5.5%200%200%201%20.5.5V3h3V.5a.5.5%200%200%201%201%200V3h1a.5.5%200%200%201%20.5.5v3A3.5%203.5%200%200%201%208.5%2010c-.002.434-.01.845-.04%201.22-.041.514-.126%201.003-.317%201.424a2.083%202.083%200%200%201-.97%201.028C6.725%2013.9%206.169%2014%205.5%2014c-.998%200-1.61.33-1.974.718A1.922%201.922%200%200%200%203%2016H2c0-.616.232-1.367.797-1.968C3.374%2013.42%204.261%2013%205.5%2013c.581%200%20.962-.088%201.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5%203.5%200%200%201%204%206.5v-3a.5.5%200%200%201%20.5-.5h1V.5A.5.5%200%200%201%206%200zM5%204v2.5A2.5%202.5%200%200%200%207.5%209h1A2.5%202.5%200%200%200%2011%206.5V4H5z'/%3e%3c/svg%3e");
}
.editor-container .actions i.connect {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-plug-fill'%3e%3cpath%20d='M6%200a.5.5%200%200%201%20.5.5V3h3V.5a.5.5%200%200%201%201%200V3h1a.5.5%200%200%201%20.5.5v3A3.5%203.5%200%200%201%208.5%2010c-.002.434-.01.845-.04%201.22-.041.514-.126%201.003-.317%201.424a2.083%202.083%200%200%201-.97%201.028C6.725%2013.9%206.169%2014%205.5%2014c-.998%200-1.61.33-1.974.718A1.922%201.922%200%200%200%203%2016H2c0-.616.232-1.367.797-1.968C3.374%2013.42%204.261%2013%205.5%2013c.581%200%20.962-.088%201.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5%203.5%200%200%201%204%206.5v-3a.5.5%200%200%201%20.5-.5h1V.5A.5.5%200%200%201%206%200z'/%3e%3c/svg%3e");
}
.table-cell-action-button-container {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    will-change: transform;
}
.table-cell-action-button-container.table-cell-action-button-container--active {
    pointer-events: auto;
    opacity: 1;
}
.table-cell-action-button-container.table-cell-action-button-container--inactive {
    pointer-events: none;
    opacity: 0;
}
.table-cell-action-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 15px;
    color: #222;
    display: inline-block;
    cursor: pointer;
}
.noteEditor i.chevron-down {
    background-color: transparent;
    background-size: contain;
    display: inline-block;
    height: 8px;
    width: 8px;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-down'%3e%3cpath%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/%3e%3c/svg%3e");
}
.noteEditor .action-button {
    background-color: #eee;
    border: 0;
    padding: 8px 12px;
    position: relative;
    margin-left: 5px;
    border-radius: 15px;
    color: #222;
    display: inline-block;
    cursor: pointer;
}
.noteEditor .action-button:hover {
    background-color: #ddd;
    color: #000;
}
.noteEditor .action-button-mic.active {
    animation: mic-pulsate-color 3s infinite;
}
.noteEditor button.action-button:disabled {
    opacity: 0.6;
    background: #eee;
    cursor: not-allowed;
}
@keyframes mic-pulsate-color {
    0% {
        background-color: #ffdcdc;
    }
    50% {
        background-color: #ff8585;
    }
    to {
        background-color: #ffdcdc;
    }
}
.noteEditor .debug-timetravel-panel {
    overflow: hidden;
    padding: 0 0 10px;
    margin: auto;
    display: flex;
}
.noteEditor .debug-timetravel-panel-slider {
    padding: 0;
    flex: 8;
}
.noteEditor .debug-timetravel-panel-button {
    padding: 0;
    border: 0;
    background: none;
    flex: 1;
    color: #fff;
    font-size: 12px;
}
.noteEditor .debug-timetravel-panel-button:hover {
    text-decoration: underline;
}
.noteEditor .debug-timetravel-button {
    border: 0;
    padding: 0;
    font-size: 12px;
    top: 10px;
    right: 15px;
    position: absolute;
    background: none;
    color: #fff;
}
.noteEditor .debug-timetravel-button:hover {
    text-decoration: underline;
}
.noteEditor .debug-treetype-button {
    border: 0;
    padding: 0;
    font-size: 12px;
    top: 10px;
    right: 85px;
    position: absolute;
    background: none;
    color: #fff;
}
.noteEditor .debug-treetype-button:hover {
    text-decoration: underline;
}
.noteEditor .connecting {
    font-size: 15px;
    color: #999;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 10px;
    left: 10px;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    display: inline-block;
    pointer-events: none;
}
.noteEditor .ltr {
    text-align: left;
}
.noteEditor .rtl {
    text-align: right;
}
.noteEditor .toolbar {
    display: flex;
    margin-bottom: 0;
    background: #fff;
    padding: 4px;
    /*border-top-left-radius: 10px;*/
    /*border-top-right-radius: 10px;*/
    vertical-align: middle;
    overflow: auto;
    height: 36px;
    position: sticky;
    top: 0;
    z-index: 2;
    overflow-y: hidden;
    border-bottom: 1px solid #eee;
}
.noteEditor button.toolbar-item {
    border: 0;
    display: flex;
    background: none;
    border-radius: 6px;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    vertical-align: middle;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    margin-right: 3px;
}
.noteEditor button.toolbar-item:disabled {
    cursor: not-allowed;
    color: #bab9b7;
}
.noteEditor button.toolbar-item i.format {
    background-size: contain;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: -0.25em;
    display: flex;
    opacity: 0.6;
}
.noteEditor button.toolbar-item:disabled .icon, .noteEditor button.toolbar-item:disabled .text, .noteEditor button.toolbar-item:disabled i.format, .noteEditor button.toolbar-item:disabled .chevron-down {
    opacity: 0.2;
}
.noteEditor button.toolbar-item.active {
    background-color: #dfe8fa 4d;
}
.noteEditor button.toolbar-item.active i {
    opacity: 1;
}
.noteEditor .toolbar-item:hover:not([disabled]) {
    background-color: #eee;
}
.noteEditor .toolbar-item.font-family .text {
    display: block;
    max-width: 40px;
}
.noteEditor .toolbar .code-language {
    width: 150px;
}
.noteEditor .toolbar .toolbar-item .text {
    display: flex;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    text-align: left;
    padding-right: 10px;
    color: #32302c;
    fill: #32302c;
}
.noteEditor .toolbar .toolbar-item .icon {
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 5px;
    line-height: 16px;
    background-size: contain;
}
.noteEditor .toolbar i.chevron-down, .noteEditor .toolbar-item i.chevron-down {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    display: flex;
    -webkit-user-select: none;
    user-select: none;
}
.noteEditor .toolbar i.chevron-down.inside {
    width: 16px;
    height: 16px;
    display: flex;
    margin-left: -25px;
    margin-top: 11px;
    margin-right: 10px;
    pointer-events: none;
}
.noteEditor .toolbar .divider {
    width: 1px;
    background-color: #eee;
    margin: 0 4px;
}
.sticky-note-container {
    position: absolute;
    z-index: 9999999999;
    width: 120px;
    display: inline-block;
}
.sticky-note {
    line-height: 1;
    text-align: left;
    width: 120px;
    margin: 25px;
    padding: 20px 10px;
    position: relative;
    border: 1px solid #e8e8e8;
    font-family: Reenie Beanie;
    font-size: 24px;
    border-bottom-right-radius: 60px 5px;
    display: block;
    cursor: move;
}
.sticky-note:after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0px;
    bottom: 20px;
    width: 120px;
    height: 25px;
    background: #000 3;
    box-shadow: 2px 15px 5px #000 6;
    transform: matrix(-1, -0.1, 0, 1, 0, 0);
}
.sticky-note.yellow {
    border-top: 1px solid #fdfd86;
    background: linear-gradient(135deg, #ff8 81%, #ff8 82%, #ff8 82%, #ffffc6);
}
.sticky-note.pink {
    border-top: 1px solid #e7d1e4;
    background: linear-gradient(135deg, #f7cbe8 81%, #f7cbe8 82%, #f7cbe8 82%, #e7bfe1);
}
.sticky-note-container.dragging {
    transition: none !important;
}
.sticky-note div {
    cursor: text;
}
.sticky-note .delete {
    border: 0;
    background: none;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 10px;
    cursor: pointer;
    opacity: 0.5;
}
.sticky-note .delete:hover {
    font-weight: 700;
    opacity: 1;
}
.sticky-note .color {
    border: 0;
    background: none;
    position: absolute;
    top: 8px;
    right: 25px;
    cursor: pointer;
    opacity: 0.5;
}
.sticky-note .color:hover {
    opacity: 1;
}
.sticky-note .color i {
    display: block;
    width: 12px;
    height: 12px;
    background-size: contain;
}
.excalidraw-button {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.excalidraw-button.selected {
    outline: 2px solid #3c84f4;
    -webkit-user-select: none;
    user-select: none;
}
.noteEditor .github-corner:hover .octo-arm {
    animation: octocat-wave 0.56s ease-in-out;
}
@keyframes octocat-wave {
    0%, to {
        transform: rotate(0);
    }
    20%, 60% {
        transform: rotate(-25deg);
    }
    40%, 80% {
        transform: rotate(10deg);
    }
}
@media (max-width: 500px) {
    .noteEditor .github-corner:hover .octo-arm {
        animation: none;
    }
    .noteEditor .github-corner .octo-arm {
        animation: octocat-wave 0.56s ease-in-out;
    }
}
.noteEditor .spacer {
    letter-spacing: -2px;
}
.noteEditor .editor-equation {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
}
.noteEditor .editor-equation.focused {
    outline: 2px solid #3c84f4;
}
.noteEditor button.item i {
    opacity: 0.6;
}
.noteEditor button.item.dropdown-item-active {
    background-color: #dfe8fa 4d;
}
.noteEditor button.item.dropdown-item-active i {
    opacity: 1;
}
.noteEditor .TableNode__contentEditable {
    min-height: 20px;
    border: 0px;
    resize: none;
    cursor: text;
    display: block;
    position: relative;
    outline: 0px;
    padding: 0;
    -webkit-user-select: text;
    user-select: text;
    font-size: 15px;
    white-space: pre-wrap;
    word-break: break-word;
    z-index: 3;
}
.noteEditor .dialog-dropdown {
    background-color: #eee !important;
    margin-bottom: 10px;
    width: 100%;
}
.noteEditor .FlashMessage__overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    pointer-events: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.noteEditor .FlashMessage__alert {
    background-color: #000 c;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 1em;
    padding: 0.5em 1.5em;
}
.Modal__overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    flex-direction: column;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #282828 99;
    flex-grow: 0px;
    flex-shrink: 1px;
    z-index: 9999999999;
}
.Modal__modal {
    padding: 20px;
    min-height: 100px;
    min-width: 300px;
    display: flex;
    flex-grow: 0px;
    background-color: #fff;
    flex-direction: column;
    position: relative;
    box-shadow: 0 0 20px #444;
    border-radius: 10px;
}
.Modal__title {
    color: #444;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.Modal__closeButton {
    border: 0px;
    position: absolute;
    right: 20px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-color: #eee;
}
.Modal__closeButton:hover {
    background-color: #ddd;
}
.Modal__content {
    padding-top: 20px;
}
.Button__root {
    padding: 10px 15px;
    border: 0px;
    background-color: #eee;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}
.Button__root:hover {
    background-color: #ddd;
}
.Button__small {
    padding: 5px 10px;
    font-size: 13px;
}
.Button__disabled {
    cursor: not-allowed;
}
.Button__disabled:hover {
    background-color: #eee;
}
.DialogActions {
    display: flex;
    flex-direction: row;
    justify-content: right;
    margin-top: 20px;
}
.DialogButtonsList {
    display: flex;
    flex-direction: column;
    justify-content: right;
    margin-top: 20px;
}
.DialogButtonsList button {
    margin-bottom: 20px;
}
.code-action-menu-container {
    height: 35.8px;
    font-size: 10px;
    color: #000 80;
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: row;
    -webkit-user-select: none;
    user-select: none;
}
.code-action-menu-container .code-highlight-language {
    margin-right: 4px;
}
.code-action-menu-container button.menu-item {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    background: none;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    color: #000 80;
    text-transform: uppercase;
}
.code-action-menu-container button.menu-item i.format {
    height: 16px;
    width: 16px;
    opacity: 0.6;
    display: flex;
    color: #000 80;
    background-size: contain;
}
.code-action-menu-container button.menu-item:hover {
    border: 1px solid rgba(0, 0, 0, .3);
    opacity: 0.9;
}
.code-action-menu-container button.menu-item:active {
    background-color: #dfe8fa;
    border: 1px solid rgba(0, 0, 0, .45);
}
.code-action-menu-container .prettier-wrapper {
    position: relative;
}
.code-action-menu-container .prettier-wrapper .code-error-tips {
    padding: 5px;
    border-radius: 4px;
    color: #fff;
    background: #222;
    margin-top: 4px;
    position: absolute;
    top: 26px;
    right: 0;
}
.Collapsible__container {
    background: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 8px;
}
.Collapsible__title {
    cursor: pointer;
    padding: 5px 5px 5px 20px;
    position: relative;
    font-weight: 500;
    list-style: none;
    outline: none;
}
.Collapsible__title::marker, .Collapsible__title::-webkit-details-marker {
    display: none;
}
.Collapsible__title:before {
    border-style: solid;
    border-color: transparent;
    border-width: 4px 6px 4px 6px;
    border-left-color: #000;
    display: block;
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
}
.Collapsible__container[open] > .Collapsible__title:before {
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: #000;
}
.Collapsible__content {
    padding: 0 5px 5px 20px;
}
.Collapsible__collapsed .Collapsible__content {
    display: none;
    -webkit-user-select: none;
    user-select: none;
}
.CommentPlugin_AddCommentBox {
    display: block;
    position: fixed;
    border-radius: 20px;
    background-color: #fff;
    width: 40px;
    height: 60px;
    box-shadow: 0 0 3px #000 3;
    z-index: 10;
}
.CommentPlugin_AddCommentBox_button {
    border-radius: 20px;
    border: 0;
    background: none;
    width: 40px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.CommentPlugin_AddCommentBox_button:hover {
    background-color: #f6f6f6;
}
i.add-comment {
    background-size: contain;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: -10px;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chat-left-text'%3e%3cpath%20d='M14%201a1%201%200%200%201%201%201v8a1%201%200%200%201-1%201H4.414A2%202%200%200%200%203%2011.586l-2%202V2a1%201%200%200%201%201-1h12zM2%200a2%202%200%200%200-2%202v12.793a.5.5%200%200%200%20.854.353l2.853-2.853A1%201%200%200%201%204.414%2012H14a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2H2z'/%3e%3cpath%20d='M3%203.5a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zM3%206a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9A.5.5%200%200%201%203%206zm0%202.5a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5z'/%3e%3c/svg%3e");
}
@media (max-width: 600px) {
    .CommentPlugin_AddCommentBox {
        display: none;
    }
}
.CommentPlugin_CommentInputBox {
    display: block;
    position: absolute;
    width: 250px;
    min-height: 80px;
    background-color: #fff;
    box-shadow: 0 0 5px #000 1a;
    border-radius: 5px;
    z-index: 24;
    animation: show-input-box 0.4s ease;
}
.CommentPlugin_CommentInputBox:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 0.5em;
    right: -1em;
    top: 0;
    left: calc(50% + .25em);
    box-sizing: border-box;
    border: 0.5em solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -3px 3px 3px #000 0d;
}
@keyframes show-input-box {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.CommentPlugin_CommentInputBox_Buttons {
    display: flex;
    flex-direction: row;
    padding: 0 10px 10px;
    gap: 10px;
}
.CommentPlugin_CommentInputBox_Button {
    flex: 1;
}
.CommentPlugin_CommentInputBox_Button.primary {
    background-color: #4287f5;
    font-weight: 700;
    color: #fff;
}
.CommentPlugin_CommentInputBox_Button.primary:hover {
    background-color: #3572d3;
}
.CommentPlugin_CommentInputBox_Button[disabled] {
    background-color: #eee;
    opacity: 0.5;
    cursor: not-allowed;
    font-weight: 400;
    color: #444;
}
.CommentPlugin_CommentInputBox_Button[disabled]:hover {
    opacity: 0.5;
    background-color: #eee;
}
.CommentPlugin_CommentInputBox_EditorContainer {
    position: relative;
    margin: 10px;
    border-radius: 5px;
}
.CommentPlugin_CommentInputBox_Editor {
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    font-size: 15px;
    caret-color: #050505;
    display: block;
    padding: 9px 10px 10px 9px;
    min-height: 80px;
}
.CommentPlugin_CommentInputBox_Editor:focus {
    outline: 1px solid #4287f5;
}
.CommentPlugin_ShowCommentsButton {
    position: fixed;
    top: 60px;
    right: 10px;
    border-radius: 6px;
}
i.comments {
    background-size: contain;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: -10px;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%205.885v1.166a3.95%203.95%200%200%201-3.949%203.95H6.917a.748.748%200%200%200-.45.15l-1.345%201.007a.752.752%200%200%200-.032%201.181A2.933%202.933%200%200%200%206.95%2014h2.716l2.534%201.901a.506.506%200%200%200%20.524.047A.501.501%200%200%200%2013%2015.5V14h.051a2.949%202.949%200%200%200%202.95-2.949v-3.05a3.002%203.002%200%200%200-2.002-2.83.756.756%200%200%200-.999.714'%20fill='%23050505'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.05%201H2.95A2.952%202.952%200%200%200%200%203.949v3.102A2.952%202.952%200%200%200%202.949%2010H3v1.5a.502.502%200%200%200%20.8.4L6.334%2010H9.05A2.952%202.952%200%200%200%2012%207.05V3.95A2.952%202.952%200%200%200%209.05%201'%20fill='%23050505'/%3e%3c/svg%3e");
    opacity: 0.5;
    transition: opacity 0.2s linear;
}
@media (max-width: 600px) {
    .CommentPlugin_ShowCommentsButton {
        display: none;
    }
}
.CommentPlugin_ShowCommentsButton:hover i.comments {
    opacity: 1;
}
.CommentPlugin_ShowCommentsButton.active {
    background-color: #ccc;
}
.CommentPlugin_CommentsPanel {
    position: fixed;
    right: 0;
    width: 300px;
    height: calc(100% - 88px);
    top: 88px;
    background-color: #fff;
    border-top-left-radius: 10px;
    box-shadow: 0 0 10px #000 1a;
    animation: show-comments 0.2s ease;
    z-index: 25;
}
@keyframes show-comments {
    0% {
        opacity: 0;
        transform: translate(300px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.CommentPlugin_CommentsPanel_Heading {
    padding-left: 15px;
    padding-top: 10px;
    margin: 0;
    height: 34px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    display: block;
    width: 100%;
    color: #444;
    overflow: hidden;
}
.CommentPlugin_CommentsPanel_Editor {
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    font-size: 15px;
    caret-color: #050505;
    display: block;
    padding: 9px 10px 10px 9px;
    min-height: 20px;
}
.CommentPlugin_CommentsPanel_Editor:before {
    content: "";
    width: 30px;
    height: 20px;
    float: right;
}
.CommentPlugin_CommentsPanel_SendButton {
    position: absolute;
    right: 10px;
    top: 8px;
    background: none;
}
.CommentPlugin_CommentsPanel_SendButton:hover {
    background: none;
}
i.send {
    background-size: contain;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: -10px;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-send'%3e%3cpath%20d='M15.854.146a.5.5%200%200%201%20.11.54l-5.819%2014.547a.75.75%200%200%201-1.329.124l-3.178-4.995L.643%207.184a.75.75%200%200%201%20.124-1.33L15.314.037a.5.5%200%200%201%20.54.11ZM6.636%2010.07l2.761%204.338L14.13%202.576%206.636%2010.07Zm6.787-8.201L1.591%206.602l4.339%202.76%207.494-7.493Z'/%3e%3c/svg%3e");
    opacity: 0.5;
    transition: opacity 0.2s linear;
}
.CommentPlugin_CommentsPanel_SendButton:hover i.send {
    opacity: 1;
    filter: invert(45%) sepia(98%) saturate(2299%) hue-rotate(201deg) brightness(100%) contrast(92%);
}
.CommentPlugin_CommentsPanel_SendButton[disabled] i.send {
    opacity: 0.3;
}
.CommentPlugin_CommentsPanel_SendButton:hover[disabled] i.send {
    opacity: 0.3;
    filter: none;
}
.CommentPlugin_CommentsPanel_Empty {
    color: #777;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: calc(50% - 15px);
    margin: 0;
    padding: 0;
    width: 100%;
}
.CommentPlugin_CommentsPanel_List {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 45px;
    overflow-y: auto;
    height: calc(100% - 45px);
}
.CommentPlugin_CommentsPanel_List_Comment {
    padding: 15px 0 15px 15px;
    margin: 0;
    font-size: 14px;
    position: relative;
    transition: all 0.2s linear;
}
.CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Comment:hover {
    background-color: inherit;
}
.CommentPlugin_CommentsPanel_List_Comment p {
    margin: 0;
    color: #444;
}
.CommentPlugin_CommentsPanel_List_Details {
    color: #444;
    padding-bottom: 5px;
    vertical-align: top;
}
.CommentPlugin_CommentsPanel_List_Comment_Author {
    font-weight: 700;
    padding-right: 5px;
}
.CommentPlugin_CommentsPanel_List_Comment_Time {
    color: #999;
}
.CommentPlugin_CommentsPanel_List_Thread {
    padding: 0;
    margin: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
    transition: all 0.2s linear;
    border-left: 0 solid #eee;
}
.CommentPlugin_CommentsPanel_List_Thread:first-child, .CommentPlugin_CommentsPanel_List_Thread + .CommentPlugin_CommentsPanel_List_Thread {
    border-top: none;
}
.CommentPlugin_CommentsPanel_List_Thread.interactive {
    cursor: pointer;
}
.CommentPlugin_CommentsPanel_List_Thread.interactive:hover {
    background-color: #fafafa;
}
.CommentPlugin_CommentsPanel_List_Thread.active {
    background-color: #fafafa;
    border-left: 15px solid #eee;
    cursor: inherit;
}
.CommentPlugin_CommentsPanel_List_Thread_QuoteBox {
    padding-top: 10px;
    color: #ccc;
    display: block;
}
.CommentPlugin_CommentsPanel_List_Thread_Quote {
    margin: 0 10px;
}
.CommentPlugin_CommentsPanel_List_Thread_Quote span {
    color: #222;
    background-color: #ffd400 66;
    padding: 1px;
    line-height: 1.4;
    display: inline;
    font-weight: 700;
}
.CommentPlugin_CommentsPanel_List_Thread_Comments {
    padding-left: 10px;
    list-style-type: none;
}
.CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment:first-child {
    border: none;
    margin-left: 0;
    padding-left: 5px;
}
.CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment:first-child.CommentPlugin_CommentsPanel_List_Comment:last-child {
    padding-bottom: 5px;
}
.CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment {
    padding-left: 10px;
    border-left: 5px solid #eee;
    margin-left: 5px;
}
.CommentPlugin_CommentsPanel_List_Thread_Editor {
    position: relative;
    padding-top: 1px;
}
.CommentPlugin_CommentsPanel_List_DeleteButton {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    opacity: 0;
}
.CommentPlugin_CommentsPanel_DeletedComment, .CommentPlugin_CommentsPanel_List_Comment:hover .CommentPlugin_CommentsPanel_List_DeleteButton, .CommentPlugin_CommentsPanel_List_Thread_QuoteBox:hover .CommentPlugin_CommentsPanel_List_DeleteButton {
    opacity: 0.5;
}
.CommentPlugin_CommentsPanel_List_DeleteButton:hover {
    background-color: transparent;
    opacity: 1;
    filter: invert(45%) sepia(98%) saturate(2299%) hue-rotate(201deg) brightness(100%) contrast(92%);
}
.CommentPlugin_CommentsPanel_List_DeleteButton i.delete {
    background-size: contain;
    position: absolute;
    left: 5px;
    top: 5px;
    height: 15px;
    width: 15px;
    vertical-align: -10px;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-trash3'%3e%3cpath%20d='M6.5%201h3a.5.5%200%200%201%20.5.5v1H6v-1a.5.5%200%200%201%20.5-.5ZM11%202.5v-1A1.5%201.5%200%200%200%209.5%200h-3A1.5%201.5%200%200%200%205%201.5v1H2.506a.58.58%200%200%200-.01%200H1.5a.5.5%200%200%200%200%201h.538l.853%2010.66A2%202%200%200%200%204.885%2016h6.23a2%202%200%200%200%201.994-1.84l.853-10.66h.538a.5.5%200%200%200%200-1h-.995a.59.59%200%200%200-.01%200H11Zm1.958%201-.846%2010.58a1%201%200%200%201-.997.92h-6.23a1%201%200%200%201-.997-.92L3.042%203.5h9.916Zm-7.487%201a.5.5%200%200%201%20.528.47l.5%208.5a.5.5%200%200%201-.998.06L5%205.03a.5.5%200%200%201%20.47-.53Zm5.058%200a.5.5%200%200%201%20.47.53l-.5%208.5a.5.5%200%201%201-.998-.06l.5-8.5a.5.5%200%200%201%20.528-.47ZM8%204.5a.5.5%200%200%201%20.5.5v8.5a.5.5%200%200%201-1%200V5a.5.5%200%200%201%20.5-.5Z'/%3e%3c/svg%3e");
    transition: opacity 0.2s linear;
}
.CommentEditorTheme__paragraph {
    margin: 0;
    position: "relative";
}
.PlaygroundEditorTheme__ltr {
    text-align: left;
}
.PlaygroundEditorTheme__rtl {
    text-align: right;
}
.PlaygroundEditorTheme__paragraph {
    margin: 0;
    position: relative;
    caret-color: rgb(50, 48, 44);
    padding-top: 3px;
    padding-bottom: 3px;
    padding-inline: 2px;
    font-size: 16px;
    line-height: 1.5;
}
.PlaygroundEditorTheme__quote {
    margin: 0 0 10px 20px;
    font-size: 15px;
    color: #65676b;
    border-left-color: #ced0d4;
    border-left-width: 4px;
    border-left-style: solid;
    padding-left: 16px;
}
.PlaygroundEditorTheme__h1 {
    /*font-size: 24px;*/
    /*color: #050505;*/
    /*font-weight: 400;*/
    margin: 0;
    font-weight: 600;
    font-size: 1.875em;
    line-height: 1.3;
    caret-color: rgb(50, 48, 44);
    padding-top: 3px;
    padding-bottom: 3px;
    padding-inline: 2px;
    color: rgb(50, 48, 44);
}
.PlaygroundEditorTheme__h2 {
    /*font-size: 15px;*/
    /*color: #65676b;*/
    /*font-weight: 700;*/
    margin: 0;
    /* text-transform: uppercase; */
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1.3;
    caret-color: rgb(50, 48, 44);
    padding-top: 3px;
    padding-bottom: 3px;
}
.PlaygroundEditorTheme__h3 {
    /*font-size: 12px;*/
    /*margin: 0;*/
    /*text-transform: uppercase;*/
    font-weight: 600;
    font-size: 1.25em;
    line-height: 1.3;
    caret-color: rgb(50, 48, 44);
    padding-top: 3px;
    padding-bottom: 3px;
    padding-inline: 2px;
}
.PlaygroundEditorTheme__indent {
    --lexical-indent-base-value: 40px;
}
.PlaygroundEditorTheme__textBold {
    font-weight: 700;
}
.PlaygroundEditorTheme__paragraph mark {
    background-color: unset;
}
.PlaygroundEditorTheme__textHighlight {
    background: #ffd400 24;
    border-bottom: 2px solid rgba(255, 212, 0, .3);
}
.PlaygroundEditorTheme__textItalic {
    font-style: italic;
}
.PlaygroundEditorTheme__textUnderline {
    text-decoration: underline;
}
.PlaygroundEditorTheme__textStrikethrough {
    text-decoration: line-through;
}
.PlaygroundEditorTheme__textUnderlineStrikethrough {
    text-decoration: underline line-through;
}
.PlaygroundEditorTheme__tabNode {
    position: relative;
    text-decoration: none;
}
.PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.15em;
    border-bottom: 0.1em solid currentColor;
}
.PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textStrikethrough:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0.69em;
    border-top: 0.1em solid currentColor;
}
.PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderlineStrikethrough:before, .PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderlineStrikethrough:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
}
.PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderlineStrikethrough:before {
    top: 0.69em;
    border-top: 0.1em solid currentColor;
}
.PlaygroundEditorTheme__tabNode.PlaygroundEditorTheme__textUnderlineStrikethrough:after {
    bottom: 0.05em;
    border-bottom: 0.1em solid currentColor;
}
.PlaygroundEditorTheme__textSubscript {
    font-size: 0.8em;
    vertical-align: sub !important;
}
.PlaygroundEditorTheme__textSuperscript {
    font-size: 0.8em;
    vertical-align: super;
}
.PlaygroundEditorTheme__textCode {
    background-color: #f0f2f5;
    padding: 1px 0.25rem;
    font-family: Menlo, Consolas, Monaco, monospace;
    font-size: 94%;
}
.PlaygroundEditorTheme__textLowercase {
    text-transform: lowercase;
}
.PlaygroundEditorTheme__textUppercase {
    text-transform: uppercase;
}
.PlaygroundEditorTheme__textCapitalize {
    text-transform: capitalize;
}
.PlaygroundEditorTheme__hashtag {
    background-color: #5890ff26;
    border-bottom: 1px solid rgba(88, 144, 255, .3);
}
.PlaygroundEditorTheme__link {
    color: #216fdb;
    text-decoration: none;
}
.PlaygroundEditorTheme__link:hover {
    text-decoration: underline;
    cursor: pointer;
}
.PlaygroundEditorTheme__blockCursor {
    display: block;
    pointer-events: none;
    position: absolute;
}
.PlaygroundEditorTheme__blockCursor:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    width: 20px;
    border-top: 1px solid black;
    animation: CursorBlink 1.1s steps(2, start) infinite;
}
@keyframes CursorBlink {
    to {
        visibility: hidden;
    }
}
.PlaygroundEditorTheme__code {
    background-color: #f0f2f5;
    font-family: Menlo, Consolas, Monaco, monospace;
    display: block;
    padding: 8px 8px 8px 52px;
    line-height: 1.53;
    font-size: 13px;
    margin: 8px 0;
    overflow-x: auto;
    position: relative;
    -moz-tab-size: 2;
    tab-size: 2;
}
.PlaygroundEditorTheme__code:before {
    content: attr(data-gutter);
    position: absolute;
    background-color: #eee;
    left: 0;
    top: 0;
    border-right: 1px solid #ccc;
    padding: 8px;
    color: #777;
    white-space: pre-wrap;
    text-align: right;
    min-width: 25px;
}
.PlaygroundEditorTheme__tableScrollableWrapper {
    overflow-x: auto;
    margin: 0 25px 30px 0;
}
.PlaygroundEditorTheme__tableScrollableWrapper > .PlaygroundEditorTheme__table {
    margin-top: 0;
    margin-bottom: 0;
}
.PlaygroundEditorTheme__tableAlignmentCenter {
    margin-left: auto;
    margin-right: auto;
}
.PlaygroundEditorTheme__tableAlignmentRight {
    margin-left: auto;
}
.PlaygroundEditorTheme__table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow-y: scroll;
    overflow-x: scroll;
    table-layout: fixed;
    width: fit-content;
    margin-top: 25px;
    margin-bottom: 30px;
}
.PlaygroundEditorTheme__tableFrozenRow {
    overflow-x: clip;
}
.PlaygroundEditorTheme__tableFrozenRow tr:nth-of-type(1) > td {
    overflow: clip;
    background-color: #fff;
    position: sticky;
    z-index: 2;
    top: 44px;
}
.PlaygroundEditorTheme__tableFrozenRow tr:nth-of-type(1) > th {
    overflow: clip;
    background-color: #f2f3f5;
    position: sticky;
    z-index: 2;
    top: 44px;
}
.PlaygroundEditorTheme__tableFrozenRow tr:nth-of-type(1) > th:after, .PlaygroundEditorTheme__tableFrozenRow tr:nth-of-type(1) > td:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #bbb;
}
.PlaygroundEditorTheme__tableFrozenColumn tr > td:first-child {
    background-color: #fff;
    position: sticky;
    z-index: 2;
    left: 0;
}
.PlaygroundEditorTheme__tableFrozenColumn tr > th:first-child {
    background-color: #f2f3f5;
    position: sticky;
    z-index: 2;
    left: 0;
}
.PlaygroundEditorTheme__tableFrozenColumn tr > :first-child:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #bbb;
}
.PlaygroundEditorTheme__tableRowStriping tr:nth-child(2n) {
    background-color: #f2f5fb;
}
.PlaygroundEditorTheme__tableSelection *::selection {
    background-color: transparent;
}
.PlaygroundEditorTheme__tableSelected {
    outline: 2px solid #3c84f4;
}
.PlaygroundEditorTheme__tableCell {
    border: 1px solid #bbb;
    width: 75px;
    vertical-align: top;
    text-align: start;
    padding: 6px 8px;
    position: relative;
    outline: none;
    overflow: auto;
}
.PlaygroundEditorTheme__tableCell > * {
    overflow: inherit;
}
.PlaygroundEditorTheme__tableCellResizer {
    position: absolute;
    right: -4px;
    height: 100%;
    width: 8px;
    cursor: ew-resize;
    z-index: 10;
    top: 0;
}
.PlaygroundEditorTheme__tableCellHeader {
    background-color: #f2f3f5;
    text-align: start;
}
.PlaygroundEditorTheme__tableCellSelected {
    caret-color: transparent;
}
.PlaygroundEditorTheme__tableCellSelected:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: highlight;
    mix-blend-mode: multiply;
    content: "";
    pointer-events: none;
}
.PlaygroundEditorTheme__tableAddColumns {
    position: absolute;
    background-color: #eee;
    height: 100%;
    animation: table-controls 0.2s ease;
    border: 0;
    cursor: pointer;
}
.PlaygroundEditorTheme__tableAddColumns:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-plus'%3e%3cpath%20d='M8%204a.5.5%200%200%201%20.5.5v3h3a.5.5%200%200%201%200%201h-3v3a.5.5%200%200%201-1%200v-3h-3a.5.5%200%200%201%200-1h3v-3A.5.5%200%200%201%208%204z'/%3e%3c/svg%3e");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}
.PlaygroundEditorTheme__tableAddColumns:hover, .PlaygroundEditorTheme__tableAddRows:hover {
    background-color: #c9dbf0;
}
.PlaygroundEditorTheme__tableAddRows {
    position: absolute;
    width: calc(100% - 25px);
    background-color: #eee;
    animation: table-controls 0.2s ease;
    border: 0;
    cursor: pointer;
}
.PlaygroundEditorTheme__tableAddRows:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-plus'%3e%3cpath%20d='M8%204a.5.5%200%200%201%20.5.5v3h3a.5.5%200%200%201%200%201h-3v3a.5.5%200%200%201-1%200v-3h-3a.5.5%200%200%201%200-1h3v-3A.5.5%200%200%201%208%204z'/%3e%3c/svg%3e");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}
@keyframes table-controls {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.PlaygroundEditorTheme__tableCellResizeRuler {
    display: block;
    position: absolute;
    width: 1px;
    background-color: #3c84f4;
    height: 100%;
    top: 0;
}
.PlaygroundEditorTheme__tableCellActionButtonContainer {
    display: block;
    right: 5px;
    top: 6px;
    position: absolute;
    z-index: 4;
    width: 20px;
    height: 20px;
}
.PlaygroundEditorTheme__tableCellActionButton {
    background-color: #eee;
    display: block;
    border: 0;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    color: #222;
    cursor: pointer;
}
.PlaygroundEditorTheme__tableCellActionButton:hover {
    background-color: #ddd;
}
.PlaygroundEditorTheme__characterLimit {
    display: inline;
    background-color: #fbb !important;
}
.PlaygroundEditorTheme__ol1 {
    padding: 0;
    margin: 0;
    list-style-position: outside;
}
.PlaygroundEditorTheme__ol2 {
    padding: 0;
    margin: 0;
    list-style-type: upper-alpha;
    list-style-position: outside;
}
.PlaygroundEditorTheme__ol3 {
    padding: 0;
    margin: 0;
    list-style-type: lower-alpha;
    list-style-position: outside;
}
.PlaygroundEditorTheme__ol4 {
    padding: 0;
    margin: 0;
    list-style-type: upper-roman;
    list-style-position: outside;
}
.PlaygroundEditorTheme__ol5 {
    padding: 0;
    margin: 0;
    list-style-type: lower-roman;
    list-style-position: outside;
}
.PlaygroundEditorTheme__ul {
    padding: 0;
    margin: 0;
    list-style-position: outside;
}
.PlaygroundEditorTheme__listItem {
    margin: 0 32px;
}
.PlaygroundEditorTheme__listItemChecked, .PlaygroundEditorTheme__listItemUnchecked {
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 24px;
    padding-right: 24px;
    list-style-type: none;
    outline: none;
}
.PlaygroundEditorTheme__listItemChecked {
    text-decoration: line-through;
    color: #a7a7a7;
}
.PlaygroundEditorTheme__listItemUnchecked:before, .PlaygroundEditorTheme__listItemChecked:before {
    content: "";
    width: 15px;
    height: 15px;
    top: 5px;
    left: 0;
    cursor: pointer;
    display: block;
    background-size: cover;
    position: absolute;
}
.PlaygroundEditorTheme__listItemUnchecked[dir=rtl]:before, .PlaygroundEditorTheme__listItemChecked[dir=rtl]:before {
    left: auto;
    right: 0;
}
.PlaygroundEditorTheme__listItemUnchecked:focus:before, .PlaygroundEditorTheme__listItemChecked:focus:before {
    box-shadow: 0 0 0 2px #a6cdfe;
    border-radius: 2px;
}
.PlaygroundEditorTheme__listItemUnchecked:before {
    /*border: 1px solid #999;*/
    /*border-radius: 2px;*/
    border-radius: 4px;
    /*background: #f5f5f5;*/
    border: 1px solid #ccc;
    background: linear-gradient(#f5f5f5 0%, #ebebeb 40%, #ebebeb 100%);
    box-shadow: inset 0 1px 1px #fff;
}
.PlaygroundEditorTheme__listItemChecked:before {
    /*border: 1px solid #3d87f5;*/
    /*border-radius: 2px;*/
    /*background-color: #3d87f5;*/
    background-repeat: no-repeat;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: linear-gradient(#f5f5f5 0%, #ebebeb 40%, #ebebeb 100%);
    box-shadow: inset 0 1px 1px #fff;
}
.PlaygroundEditorTheme__listItemChecked:after {
    /*content: "";*/
    /*cursor: pointer;*/
    /*border-color: #fff;*/
    /*border-style: solid;*/
    /*position: absolute;*/
    /*display: block;*/
    /*top: 6px;*/
    /*width: 3px;*/
    /*left: 7px;*/
    /*right: 7px;*/
    /*height: 6px;*/
    /*transform: rotate(45deg);*/
    /*border-width: 0 2px 2px 0;*/

    content: "";
    cursor: pointer;
    border-color: #fff;
    border-color: #7a7a7a;
    border-style: solid;
    position: absolute;
    display: block;
    top: 6px;
    width: 3px;
    left: 6px;
    right: 7px;
    height: 6px;
    transform: rotate(45deg);
    border-width: 0 3px 3px 0px;
    width: 11px;
    height: 7px;
    width: 11px;
    height: 7px;
    width: 4px;
    height: 8px;
}
.PlaygroundEditorTheme__nestedListItem {
    list-style-type: none;
}
.PlaygroundEditorTheme__nestedListItem:before, .PlaygroundEditorTheme__nestedListItem:after {
    display: none;
}
.PlaygroundEditorTheme__tokenComment {
    color: #708090;
}
.PlaygroundEditorTheme__tokenPunctuation {
    color: #999;
}
.PlaygroundEditorTheme__tokenProperty {
    color: #905;
}
.PlaygroundEditorTheme__tokenSelector {
    color: #690;
}
.PlaygroundEditorTheme__tokenOperator {
    color: #9a6e3a;
}
.PlaygroundEditorTheme__tokenAttr {
    color: #07a;
}
.PlaygroundEditorTheme__tokenVariable {
    color: #e90;
}
.PlaygroundEditorTheme__tokenFunction {
    color: #dd4a68;
}
.PlaygroundEditorTheme__mark {
    background: #ffd400 24;
    border-bottom: 2px solid rgba(255, 212, 0, .3);
    padding-bottom: 2px;
}
.PlaygroundEditorTheme__markOverlap {
    background: #ffd400 4d;
    border-bottom: 2px solid rgba(255, 212, 0, .7);
}
.PlaygroundEditorTheme__mark.selected {
    background: #ffd400 80;
    border-bottom: 2px solid rgba(255, 212, 0, 1);
}
.PlaygroundEditorTheme__markOverlap.selected {
    background: #ffd400 b3;
    border-bottom: 2px solid rgba(255, 212, 0, .7);
}
.PlaygroundEditorTheme__embedBlock {
    -webkit-user-select: none;
    user-select: none;
}
.PlaygroundEditorTheme__embedBlockFocus {
    outline: 2px solid #3c84f4;
}
.PlaygroundEditorTheme__layoutContainer {
    display: grid;
    gap: 10px;
    margin: 10px 0;
}
.PlaygroundEditorTheme__layoutItem {
    border: 1px dashed #ddd;
    padding: 8px 16px;
    min-width: 0;
    max-width: 100%;
}
.PlaygroundEditorTheme__autocomplete {
    color: #ccc;
}
.PlaygroundEditorTheme__hr {
    padding: 2px;
    border: none;
    margin: 1em 0;
    cursor: pointer;
}
.PlaygroundEditorTheme__hr:after {
    content: "";
    display: block;
    height: 2px;
    background-color: #ccc;
    line-height: 2px;
}
.PlaygroundEditorTheme__hr.PlaygroundEditorTheme__hrSelected {
    outline: 2px solid #3c84f4;
    -webkit-user-select: none;
    user-select: none;
}
.PlaygroundEditorTheme__specialText {
    background-color: #ff0;
    font-weight: 700;
}
.ContentEditable__root {
    border: 0;
    font-size: 16px;
    color: rgb(50, 48, 44);
    fill: currentcolor;
    line-height: 1.5;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    font-family: "Source Serif 4", serif;
    display: block;
    position: relative;
    outline: 0;
    padding: 8px 28px 40px;
    min-height: 150px;
}
@media (max-width: 1025px) {
    .ContentEditable__root {
        padding-left: 8px;
        padding-right: 8px;
    }
}
.ContentEditable__placeholder {
    font-size: 15px;
    color: #999;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 8px;
    left: 28px;
    right: 28px;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    display: inline-block;
    pointer-events: none;
}
@media (max-width: 1025px) {
    .ContentEditable__placeholder {
        left: 8px;
        right: 8px;
    }
}
@font-face {
    font-family: KaTeX_AMS;
    src: url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"), url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"), url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Caligraphic;
    src: url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"), url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"), url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Caligraphic;
    src: url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"), url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"), url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Fraktur;
    src: url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"), url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"), url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Fraktur;
    src: url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"), url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"), url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Main;
    src: url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"), url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"), url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Main;
    src: url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"), url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"), url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: KaTeX_Main;
    src: url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"), url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"), url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: KaTeX_Main;
    src: url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"), url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"), url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Math;
    src: url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"), url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"), url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: KaTeX_Math;
    src: url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"), url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"), url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: KaTeX_SansSerif;
    src: url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"), url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"), url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_SansSerif;
    src: url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"), url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"), url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: KaTeX_SansSerif;
    src: url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"), url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"), url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Script;
    src: url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"), url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"), url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Size1;
    src: url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"), url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"), url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Size2;
    src: url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"), url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"), url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Size3;
    src: url(data:font/woff2;
    base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"), url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"), url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Size4;
    src: url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"), url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"), url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: KaTeX_Typewriter;
    src: url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"), url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"), url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
.katex {
    font: 1.21em KaTeX_Main, Times New Roman, serif;
    line-height: 1.2;
    text-indent: 0;
    text-rendering: auto;
}
.katex * {
    -ms-high-contrast-adjust: none !important;
}
.katex * {
    border-color: currentColor;
}
.katex .katex-version:after {
    content: "0.16.10";
}
.katex .katex-mathml {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.katex .katex-html > .newline {
    display: block;
}
.katex .base {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}
.katex .strut {
    display: inline-block;
}
.katex .textbf {
    font-weight: 700;
}
.katex .textit {
    font-style: italic;
}
.katex .textrm {
    font-family: KaTeX_Main;
}
.katex .textsf {
    font-family: KaTeX_SansSerif;
}
.katex .texttt {
    font-family: KaTeX_Typewriter;
}
.katex .mathnormal {
    font-family: KaTeX_Math;
    font-style: italic;
}
.katex .mathit {
    font-family: KaTeX_Main;
    font-style: italic;
}
.katex .mathrm {
    font-style: normal;
}
.katex .mathbf {
    font-family: KaTeX_Main;
    font-weight: 700;
}
.katex .boldsymbol {
    font-family: KaTeX_Math;
    font-weight: 700;
    font-style: italic;
}
.katex .amsrm, .katex .mathbb, .katex .textbb {
    font-family: KaTeX_AMS;
}
.katex .mathcal {
    font-family: KaTeX_Caligraphic;
}
.katex .mathfrak, .katex .textfrak {
    font-family: KaTeX_Fraktur;
}
.katex .mathboldfrak, .katex .textboldfrak {
    font-family: KaTeX_Fraktur;
    font-weight: 700;
}
.katex .mathtt {
    font-family: KaTeX_Typewriter;
}
.katex .mathscr, .katex .textscr {
    font-family: KaTeX_Script;
}
.katex .mathsf, .katex .textsf {
    font-family: KaTeX_SansSerif;
}
.katex .mathboldsf, .katex .textboldsf {
    font-family: KaTeX_SansSerif;
    font-weight: 700;
}
.katex .mathitsf, .katex .textitsf {
    font-family: KaTeX_SansSerif;
    font-style: italic;
}
.katex .mainrm {
    font-family: KaTeX_Main;
    font-style: normal;
}
.katex .vlist-t {
    display: inline-table;
    table-layout: fixed;
    border-collapse: collapse;
}
.katex .vlist-r {
    display: table-row;
}
.katex .vlist {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
}
.katex .vlist > span {
    display: block;
    height: 0;
    position: relative;
}
.katex .vlist > span > span {
    display: inline-block;
}
.katex .vlist > span > .pstrut {
    overflow: hidden;
    width: 0;
}
.katex .vlist-t2 {
    margin-right: -2px;
}
.katex .vlist-s {
    display: table-cell;
    vertical-align: bottom;
    font-size: 1px;
    width: 2px;
    min-width: 2px;
}
.katex .vbox {
    display: inline-flex;
    flex-direction: column;
    align-items: baseline;
}
.katex .hbox {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
}
.katex .thinbox {
    display: inline-flex;
    flex-direction: row;
    width: 0;
    max-width: 0;
}
.katex .msupsub {
    text-align: left;
}
.katex .mfrac > span > span {
    text-align: center;
}
.katex .mfrac .frac-line {
    display: inline-block;
    width: 100%;
    border-bottom-style: solid;
}
.katex .mfrac .frac-line, .katex .overline .overline-line, .katex .underline .underline-line, .katex .hline, .katex .hdashline, .katex .rule {
    min-height: 1px;
}
.katex .mspace {
    display: inline-block;
}
.katex .llap, .katex .rlap, .katex .clap {
    width: 0;
    position: relative;
}
.katex .llap > .inner, .katex .rlap > .inner, .katex .clap > .inner {
    position: absolute;
}
.katex .llap > .fix, .katex .rlap > .fix, .katex .clap > .fix {
    display: inline-block;
}
.katex .llap > .inner {
    right: 0;
}
.katex .rlap > .inner, .katex .clap > .inner {
    left: 0;
}
.katex .clap > .inner > span {
    margin-left: -50%;
    margin-right: 50%;
}
.katex .rule {
    display: inline-block;
    border: solid 0;
    position: relative;
}
.katex .overline .overline-line, .katex .underline .underline-line, .katex .hline {
    display: inline-block;
    width: 100%;
    border-bottom-style: solid;
}
.katex .hdashline {
    display: inline-block;
    width: 100%;
    border-bottom-style: dashed;
}
.katex .sqrt > .root {
    margin-left: 0.27777778em;
    margin-right: -0.55555556em;
}
.katex .sizing.reset-size1.size1, .katex .fontsize-ensurer.reset-size1.size1 {
    font-size: 1em;
}
.katex .sizing.reset-size1.size2, .katex .fontsize-ensurer.reset-size1.size2 {
    font-size: 1.2em;
}
.katex .sizing.reset-size1.size3, .katex .fontsize-ensurer.reset-size1.size3 {
    font-size: 1.4em;
}
.katex .sizing.reset-size1.size4, .katex .fontsize-ensurer.reset-size1.size4 {
    font-size: 1.6em;
}
.katex .sizing.reset-size1.size5, .katex .fontsize-ensurer.reset-size1.size5 {
    font-size: 1.8em;
}
.katex .sizing.reset-size1.size6, .katex .fontsize-ensurer.reset-size1.size6 {
    font-size: 2em;
}
.katex .sizing.reset-size1.size7, .katex .fontsize-ensurer.reset-size1.size7 {
    font-size: 2.4em;
}
.katex .sizing.reset-size1.size8, .katex .fontsize-ensurer.reset-size1.size8 {
    font-size: 2.88em;
}
.katex .sizing.reset-size1.size9, .katex .fontsize-ensurer.reset-size1.size9 {
    font-size: 3.456em;
}
.katex .sizing.reset-size1.size10, .katex .fontsize-ensurer.reset-size1.size10 {
    font-size: 4.148em;
}
.katex .sizing.reset-size1.size11, .katex .fontsize-ensurer.reset-size1.size11 {
    font-size: 4.976em;
}
.katex .sizing.reset-size2.size1, .katex .fontsize-ensurer.reset-size2.size1 {
    font-size: 0.83333333em;
}
.katex .sizing.reset-size2.size2, .katex .fontsize-ensurer.reset-size2.size2 {
    font-size: 1em;
}
.katex .sizing.reset-size2.size3, .katex .fontsize-ensurer.reset-size2.size3 {
    font-size: 1.16666667em;
}
.katex .sizing.reset-size2.size4, .katex .fontsize-ensurer.reset-size2.size4 {
    font-size: 1.33333333em;
}
.katex .sizing.reset-size2.size5, .katex .fontsize-ensurer.reset-size2.size5 {
    font-size: 1.5em;
}
.katex .sizing.reset-size2.size6, .katex .fontsize-ensurer.reset-size2.size6 {
    font-size: 1.66666667em;
}
.katex .sizing.reset-size2.size7, .katex .fontsize-ensurer.reset-size2.size7 {
    font-size: 2em;
}
.katex .sizing.reset-size2.size8, .katex .fontsize-ensurer.reset-size2.size8 {
    font-size: 2.4em;
}
.katex .sizing.reset-size2.size9, .katex .fontsize-ensurer.reset-size2.size9 {
    font-size: 2.88em;
}
.katex .sizing.reset-size2.size10, .katex .fontsize-ensurer.reset-size2.size10 {
    font-size: 3.45666667em;
}
.katex .sizing.reset-size2.size11, .katex .fontsize-ensurer.reset-size2.size11 {
    font-size: 4.14666667em;
}
.katex .sizing.reset-size3.size1, .katex .fontsize-ensurer.reset-size3.size1 {
    font-size: 0.71428571em;
}
.katex .sizing.reset-size3.size2, .katex .fontsize-ensurer.reset-size3.size2 {
    font-size: 0.85714286em;
}
.katex .sizing.reset-size3.size3, .katex .fontsize-ensurer.reset-size3.size3 {
    font-size: 1em;
}
.katex .sizing.reset-size3.size4, .katex .fontsize-ensurer.reset-size3.size4 {
    font-size: 1.14285714em;
}
.katex .sizing.reset-size3.size5, .katex .fontsize-ensurer.reset-size3.size5 {
    font-size: 1.28571429em;
}
.katex .sizing.reset-size3.size6, .katex .fontsize-ensurer.reset-size3.size6 {
    font-size: 1.42857143em;
}
.katex .sizing.reset-size3.size7, .katex .fontsize-ensurer.reset-size3.size7 {
    font-size: 1.71428571em;
}
.katex .sizing.reset-size3.size8, .katex .fontsize-ensurer.reset-size3.size8 {
    font-size: 2.05714286em;
}
.katex .sizing.reset-size3.size9, .katex .fontsize-ensurer.reset-size3.size9 {
    font-size: 2.46857143em;
}
.katex .sizing.reset-size3.size10, .katex .fontsize-ensurer.reset-size3.size10 {
    font-size: 2.96285714em;
}
.katex .sizing.reset-size3.size11, .katex .fontsize-ensurer.reset-size3.size11 {
    font-size: 3.55428571em;
}
.katex .sizing.reset-size4.size1, .katex .fontsize-ensurer.reset-size4.size1 {
    font-size: 0.625em;
}
.katex .sizing.reset-size4.size2, .katex .fontsize-ensurer.reset-size4.size2 {
    font-size: 0.75em;
}
.katex .sizing.reset-size4.size3, .katex .fontsize-ensurer.reset-size4.size3 {
    font-size: 0.875em;
}
.katex .sizing.reset-size4.size4, .katex .fontsize-ensurer.reset-size4.size4 {
    font-size: 1em;
}
.katex .sizing.reset-size4.size5, .katex .fontsize-ensurer.reset-size4.size5 {
    font-size: 1.125em;
}
.katex .sizing.reset-size4.size6, .katex .fontsize-ensurer.reset-size4.size6 {
    font-size: 1.25em;
}
.katex .sizing.reset-size4.size7, .katex .fontsize-ensurer.reset-size4.size7 {
    font-size: 1.5em;
}
.katex .sizing.reset-size4.size8, .katex .fontsize-ensurer.reset-size4.size8 {
    font-size: 1.8em;
}
.katex .sizing.reset-size4.size9, .katex .fontsize-ensurer.reset-size4.size9 {
    font-size: 2.16em;
}
.katex .sizing.reset-size4.size10, .katex .fontsize-ensurer.reset-size4.size10 {
    font-size: 2.5925em;
}
.katex .sizing.reset-size4.size11, .katex .fontsize-ensurer.reset-size4.size11 {
    font-size: 3.11em;
}
.katex .sizing.reset-size5.size1, .katex .fontsize-ensurer.reset-size5.size1 {
    font-size: 0.55555556em;
}
.katex .sizing.reset-size5.size2, .katex .fontsize-ensurer.reset-size5.size2 {
    font-size: 0.66666667em;
}
.katex .sizing.reset-size5.size3, .katex .fontsize-ensurer.reset-size5.size3 {
    font-size: 0.77777778em;
}
.katex .sizing.reset-size5.size4, .katex .fontsize-ensurer.reset-size5.size4 {
    font-size: 0.88888889em;
}
.katex .sizing.reset-size5.size5, .katex .fontsize-ensurer.reset-size5.size5 {
    font-size: 1em;
}
.katex .sizing.reset-size5.size6, .katex .fontsize-ensurer.reset-size5.size6 {
    font-size: 1.11111111em;
}
.katex .sizing.reset-size5.size7, .katex .fontsize-ensurer.reset-size5.size7 {
    font-size: 1.33333333em;
}
.katex .sizing.reset-size5.size8, .katex .fontsize-ensurer.reset-size5.size8 {
    font-size: 1.6em;
}
.katex .sizing.reset-size5.size9, .katex .fontsize-ensurer.reset-size5.size9 {
    font-size: 1.92em;
}
.katex .sizing.reset-size5.size10, .katex .fontsize-ensurer.reset-size5.size10 {
    font-size: 2.30444444em;
}
.katex .sizing.reset-size5.size11, .katex .fontsize-ensurer.reset-size5.size11 {
    font-size: 2.76444444em;
}
.katex .sizing.reset-size6.size1, .katex .fontsize-ensurer.reset-size6.size1 {
    font-size: 0.5em;
}
.katex .sizing.reset-size6.size2, .katex .fontsize-ensurer.reset-size6.size2 {
    font-size: 0.6em;
}
.katex .sizing.reset-size6.size3, .katex .fontsize-ensurer.reset-size6.size3 {
    font-size: 0.7em;
}
.katex .sizing.reset-size6.size4, .katex .fontsize-ensurer.reset-size6.size4 {
    font-size: 0.8em;
}
.katex .sizing.reset-size6.size5, .katex .fontsize-ensurer.reset-size6.size5 {
    font-size: 0.9em;
}
.katex .sizing.reset-size6.size6, .katex .fontsize-ensurer.reset-size6.size6 {
    font-size: 1em;
}
.katex .sizing.reset-size6.size7, .katex .fontsize-ensurer.reset-size6.size7 {
    font-size: 1.2em;
}
.katex .sizing.reset-size6.size8, .katex .fontsize-ensurer.reset-size6.size8 {
    font-size: 1.44em;
}
.katex .sizing.reset-size6.size9, .katex .fontsize-ensurer.reset-size6.size9 {
    font-size: 1.728em;
}
.katex .sizing.reset-size6.size10, .katex .fontsize-ensurer.reset-size6.size10 {
    font-size: 2.074em;
}
.katex .sizing.reset-size6.size11, .katex .fontsize-ensurer.reset-size6.size11 {
    font-size: 2.488em;
}
.katex .sizing.reset-size7.size1, .katex .fontsize-ensurer.reset-size7.size1 {
    font-size: 0.41666667em;
}
.katex .sizing.reset-size7.size2, .katex .fontsize-ensurer.reset-size7.size2 {
    font-size: 0.5em;
}
.katex .sizing.reset-size7.size3, .katex .fontsize-ensurer.reset-size7.size3 {
    font-size: 0.58333333em;
}
.katex .sizing.reset-size7.size4, .katex .fontsize-ensurer.reset-size7.size4 {
    font-size: 0.66666667em;
}
.katex .sizing.reset-size7.size5, .katex .fontsize-ensurer.reset-size7.size5 {
    font-size: 0.75em;
}
.katex .sizing.reset-size7.size6, .katex .fontsize-ensurer.reset-size7.size6 {
    font-size: 0.83333333em;
}
.katex .sizing.reset-size7.size7, .katex .fontsize-ensurer.reset-size7.size7 {
    font-size: 1em;
}
.katex .sizing.reset-size7.size8, .katex .fontsize-ensurer.reset-size7.size8 {
    font-size: 1.2em;
}
.katex .sizing.reset-size7.size9, .katex .fontsize-ensurer.reset-size7.size9 {
    font-size: 1.44em;
}
.katex .sizing.reset-size7.size10, .katex .fontsize-ensurer.reset-size7.size10 {
    font-size: 1.72833333em;
}
.katex .sizing.reset-size7.size11, .katex .fontsize-ensurer.reset-size7.size11 {
    font-size: 2.07333333em;
}
.katex .sizing.reset-size8.size1, .katex .fontsize-ensurer.reset-size8.size1 {
    font-size: 0.34722222em;
}
.katex .sizing.reset-size8.size2, .katex .fontsize-ensurer.reset-size8.size2 {
    font-size: 0.41666667em;
}
.katex .sizing.reset-size8.size3, .katex .fontsize-ensurer.reset-size8.size3 {
    font-size: 0.48611111em;
}
.katex .sizing.reset-size8.size4, .katex .fontsize-ensurer.reset-size8.size4 {
    font-size: 0.55555556em;
}
.katex .sizing.reset-size8.size5, .katex .fontsize-ensurer.reset-size8.size5 {
    font-size: 0.625em;
}
.katex .sizing.reset-size8.size6, .katex .fontsize-ensurer.reset-size8.size6 {
    font-size: 0.69444444em;
}
.katex .sizing.reset-size8.size7, .katex .fontsize-ensurer.reset-size8.size7 {
    font-size: 0.83333333em;
}
.katex .sizing.reset-size8.size8, .katex .fontsize-ensurer.reset-size8.size8 {
    font-size: 1em;
}
.katex .sizing.reset-size8.size9, .katex .fontsize-ensurer.reset-size8.size9 {
    font-size: 1.2em;
}
.katex .sizing.reset-size8.size10, .katex .fontsize-ensurer.reset-size8.size10 {
    font-size: 1.44027778em;
}
.katex .sizing.reset-size8.size11, .katex .fontsize-ensurer.reset-size8.size11 {
    font-size: 1.72777778em;
}
.katex .sizing.reset-size9.size1, .katex .fontsize-ensurer.reset-size9.size1 {
    font-size: 0.28935185em;
}
.katex .sizing.reset-size9.size2, .katex .fontsize-ensurer.reset-size9.size2 {
    font-size: 0.34722222em;
}
.katex .sizing.reset-size9.size3, .katex .fontsize-ensurer.reset-size9.size3 {
    font-size: 0.40509259em;
}
.katex .sizing.reset-size9.size4, .katex .fontsize-ensurer.reset-size9.size4 {
    font-size: 0.46296296em;
}
.katex .sizing.reset-size9.size5, .katex .fontsize-ensurer.reset-size9.size5 {
    font-size: 0.52083333em;
}
.katex .sizing.reset-size9.size6, .katex .fontsize-ensurer.reset-size9.size6 {
    font-size: 0.5787037em;
}
.katex .sizing.reset-size9.size7, .katex .fontsize-ensurer.reset-size9.size7 {
    font-size: 0.69444444em;
}
.katex .sizing.reset-size9.size8, .katex .fontsize-ensurer.reset-size9.size8 {
    font-size: 0.83333333em;
}
.katex .sizing.reset-size9.size9, .katex .fontsize-ensurer.reset-size9.size9 {
    font-size: 1em;
}
.katex .sizing.reset-size9.size10, .katex .fontsize-ensurer.reset-size9.size10 {
    font-size: 1.20023148em;
}
.katex .sizing.reset-size9.size11, .katex .fontsize-ensurer.reset-size9.size11 {
    font-size: 1.43981481em;
}
.katex .sizing.reset-size10.size1, .katex .fontsize-ensurer.reset-size10.size1 {
    font-size: 0.24108004em;
}
.katex .sizing.reset-size10.size2, .katex .fontsize-ensurer.reset-size10.size2 {
    font-size: 0.28929605em;
}
.katex .sizing.reset-size10.size3, .katex .fontsize-ensurer.reset-size10.size3 {
    font-size: 0.33751205em;
}
.katex .sizing.reset-size10.size4, .katex .fontsize-ensurer.reset-size10.size4 {
    font-size: 0.38572806em;
}
.katex .sizing.reset-size10.size5, .katex .fontsize-ensurer.reset-size10.size5 {
    font-size: 0.43394407em;
}
.katex .sizing.reset-size10.size6, .katex .fontsize-ensurer.reset-size10.size6 {
    font-size: 0.48216008em;
}
.katex .sizing.reset-size10.size7, .katex .fontsize-ensurer.reset-size10.size7 {
    font-size: 0.57859209em;
}
.katex .sizing.reset-size10.size8, .katex .fontsize-ensurer.reset-size10.size8 {
    font-size: 0.69431051em;
}
.katex .sizing.reset-size10.size9, .katex .fontsize-ensurer.reset-size10.size9 {
    font-size: 0.83317261em;
}
.katex .sizing.reset-size10.size10, .katex .fontsize-ensurer.reset-size10.size10 {
    font-size: 1em;
}
.katex .sizing.reset-size10.size11, .katex .fontsize-ensurer.reset-size10.size11 {
    font-size: 1.19961427em;
}
.katex .sizing.reset-size11.size1, .katex .fontsize-ensurer.reset-size11.size1 {
    font-size: 0.20096463em;
}
.katex .sizing.reset-size11.size2, .katex .fontsize-ensurer.reset-size11.size2 {
    font-size: 0.24115756em;
}
.katex .sizing.reset-size11.size3, .katex .fontsize-ensurer.reset-size11.size3 {
    font-size: 0.28135048em;
}
.katex .sizing.reset-size11.size4, .katex .fontsize-ensurer.reset-size11.size4 {
    font-size: 0.32154341em;
}
.katex .sizing.reset-size11.size5, .katex .fontsize-ensurer.reset-size11.size5 {
    font-size: 0.36173633em;
}
.katex .sizing.reset-size11.size6, .katex .fontsize-ensurer.reset-size11.size6 {
    font-size: 0.40192926em;
}
.katex .sizing.reset-size11.size7, .katex .fontsize-ensurer.reset-size11.size7 {
    font-size: 0.48231511em;
}
.katex .sizing.reset-size11.size8, .katex .fontsize-ensurer.reset-size11.size8 {
    font-size: 0.57877814em;
}
.katex .sizing.reset-size11.size9, .katex .fontsize-ensurer.reset-size11.size9 {
    font-size: 0.69453376em;
}
.katex .sizing.reset-size11.size10, .katex .fontsize-ensurer.reset-size11.size10 {
    font-size: 0.83360129em;
}
.katex .sizing.reset-size11.size11, .katex .fontsize-ensurer.reset-size11.size11 {
    font-size: 1em;
}
.katex .delimsizing.size1 {
    font-family: KaTeX_Size1;
}
.katex .delimsizing.size2 {
    font-family: KaTeX_Size2;
}
.katex .delimsizing.size3 {
    font-family: KaTeX_Size3;
}
.katex .delimsizing.size4 {
    font-family: KaTeX_Size4;
}
.katex .delimsizing.mult .delim-size1 > span {
    font-family: KaTeX_Size1;
}
.katex .delimsizing.mult .delim-size4 > span {
    font-family: KaTeX_Size4;
}
.katex .nulldelimiter {
    display: inline-block;
    width: 0.12em;
}
.katex .delimcenter, .katex .op-symbol {
    position: relative;
}
.katex .op-symbol.small-op {
    font-family: KaTeX_Size1;
}
.katex .op-symbol.large-op {
    font-family: KaTeX_Size2;
}
.katex .op-limits > .vlist-t {
    text-align: center;
}
.katex .accent > .vlist-t {
    text-align: center;
}
.katex .accent .accent-body {
    position: relative;
}
.katex .accent .accent-body:not(.accent-full) {
    width: 0;
}
.katex .overlay {
    display: block;
}
.katex .mtable .vertical-separator {
    display: inline-block;
    min-width: 1px;
}
.katex .mtable .arraycolsep {
    display: inline-block;
}
.katex .mtable .col-align-c > .vlist-t {
    text-align: center;
}
.katex .mtable .col-align-l > .vlist-t {
    text-align: left;
}
.katex .mtable .col-align-r > .vlist-t {
    text-align: right;
}
.katex .svg-align {
    text-align: left;
}
.katex svg {
    display: block;
    position: absolute;
    width: 100%;
    height: inherit;
    fill: currentColor;
    stroke: currentColor;
    fill-rule: nonzero;
    fill-opacity: 1;
    stroke-width: 1;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    stroke-opacity: 1;
}
.katex svg path {
    stroke: none;
}
.katex img {
    border-style: none;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
}
.katex .stretchy {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.katex .stretchy:before, .katex .stretchy:after {
    content: "";
}
.katex .hide-tail {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.katex .halfarrow-left {
    position: absolute;
    left: 0;
    width: 50.2%;
    overflow: hidden;
}
.katex .halfarrow-right {
    position: absolute;
    right: 0;
    width: 50.2%;
    overflow: hidden;
}
.katex .brace-left {
    position: absolute;
    left: 0;
    width: 25.1%;
    overflow: hidden;
}
.katex .brace-center {
    position: absolute;
    left: 25%;
    width: 50%;
    overflow: hidden;
}
.katex .brace-right {
    position: absolute;
    right: 0;
    width: 25.1%;
    overflow: hidden;
}
.katex .x-arrow-pad {
    padding: 0 0.5em;
}
.katex .cd-arrow-pad {
    padding: 0 0.55556em 0 0.27778em;
}
.katex .x-arrow, .katex .mover, .katex .munder {
    text-align: center;
}
.katex .boxpad {
    padding: 0 0.3em;
}
.katex .fbox, .katex .fcolorbox {
    box-sizing: border-box;
    border: 0.04em solid;
}
.katex .cancel-pad {
    padding: 0 0.2em;
}
.katex .cancel-lap {
    margin-left: -0.2em;
    margin-right: -0.2em;
}
.katex .sout {
    border-bottom-style: solid;
    border-bottom-width: 0.08em;
}
.katex .angl {
    box-sizing: border-box;
    border-top: 0.049em solid;
    border-right: 0.049em solid;
    margin-right: 0.03889em;
}
.katex .anglpad {
    padding: 0 0.03889em;
}
.katex .eqn-num:before {
    counter-increment: katexEqnNo;
    content: "(" counter(katexEqnNo) ")";
}
.katex .mml-eqn-num:before {
    counter-increment: mmlEqnNo;
    content: "(" counter(mmlEqnNo) ")";
}
.katex .mtr-glue {
    width: 50%;
}
.katex .cd-vert-arrow {
    display: inline-block;
    position: relative;
}
.katex .cd-label-left {
    display: inline-block;
    position: absolute;
    right: calc(50% + .3em);
    text-align: left;
}
.katex .cd-label-right {
    display: inline-block;
    position: absolute;
    left: calc(50% + .3em);
    text-align: right;
}
.katex-display {
    display: block;
    margin: 1em 0;
    text-align: center;
}
.katex-display > .katex {
    display: block;
    text-align: center;
    white-space: nowrap;
}
.katex-display > .katex > .katex-html {
    display: block;
    position: relative;
}
.katex-display > .katex > .katex-html > .tag {
    position: absolute;
    right: 0;
}
.katex-display.leqno > .katex > .katex-html > .tag {
    left: 0;
    right: auto;
}
.katex-display.fleqn > .katex {
    text-align: left;
    padding-left: 2em;
}
body {
    counter-reset: katexEqnNo mmlEqnNo;
}
.KatexEquationAlterer_defaultRow {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: space-between;
    overflow: hidden;
}
.KatexEquationAlterer_dialogActions {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 0;
    justify-content: right;
}
.KatexEquationAlterer_centerRow {
    display: flex;
    flex-direction: "row";
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: center;
    overflow: hidden;
}
.KatexEquationAlterer_textArea {
    width: 100%;
    resize: none;
    padding: 7px;
}
.Input__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}
.Input__label {
    display: flex;
    flex: 1;
    color: #666;
}
.Input__input {
    display: flex;
    flex: 2;
    border: 1px solid #999;
    padding: 7px 10px;
    font-size: 16px;
    border-radius: 5px;
    min-width: 0;
}
[type=page-break] {
    position: relative;
    display: block;
    width: calc(100% + var(--editor-input-padding, 28px) * 2);
    overflow: unset;
    margin-left: calc(var(--editor-input-padding, 28px) * -1);
    margin-top: var(--editor-input-padding, 28px);
    margin-bottom: var(--editor-input-padding, 28px);
    border: none;
    border-top: 1px dashed var(--editor-color-secondary, #eee);
    border-bottom: 1px dashed var(--editor-color-secondary, #eee);
    background-color: var(--editor-color-secondary, #eee);
}
[type=page-break]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(var(--editor-input-padding, 28px) + 12px);
    transform: translateY(-50%);
    opacity: 0.5;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-scissors'%20viewBox='0%200%2016%2016'%20transform='matrix(-1,%200,%200,%201,%200,%200)rotate(270)'%3e%3cpath%20d='M3.5%203.5c-.614-.884-.074-1.962.858-2.5L8%207.226%2011.642%201c.932.538%201.472%201.616.858%202.5L8.81%208.61l1.556%202.661a2.5%202.5%200%201%201-.794.637L8%209.73l-1.572%202.177a2.5%202.5%200%201%201-.794-.637L7.19%208.61%203.5%203.5zm2.5%2010a1.5%201.5%200%201%200-3%200%201.5%201.5%200%200%200%203%200zm7%200a1.5%201.5%200%201%200-3%200%201.5%201.5%200%200%200%203%200z'/%3e%3c/svg%3e");
    width: 16px;
    height: 16px;
}
[type=page-break]:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    padding: 2px 6px;
    border: 1px solid #ccc;
    background-color: #fff;
    content: "PAGE BREAK";
    font-size: 12px;
    color: #000;
    font-weight: 600;
}
.selected[type=page-break] {
    border-color: var(--editor-color-primary, #4766cb);
}
.selected[type=page-break]:before {
    opacity: 1;
}
.draggable-block-menu {
    border-radius: 4px;
    padding: 2px 1px;
    cursor: grab;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform;
}
.draggable-block-menu .icon {
    width: 16px;
    height: 16px;
    opacity: 0.3;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20data-name='Layer%201'%20viewBox='0%200%2024%2024'%20fill='currentColor'%3e%3cpath%20stroke='currentColor'%20d='M8.5%2010a2%202%200%201%200%202%202%202%202%200%200%200-2-2Zm0%207a2%202%200%201%200%202%202%202%202%200%200%200-2-2Zm7-10a2%202%200%201%200-2-2%202%202%200%200%200%202%202Zm-7-4a2%202%200%201%200%202%202%202%202%200%200%200-2-2Zm7%2014a2%202%200%201%200%202%202%202%202%200%200%200-2-2Zm0-7a2%202%200%201%200%202%202%202%202%200%200%200-2-2Z'/%3e%3c/svg%3e");
}
.draggable-block-menu:active {
    cursor: grabbing;
}
/*.draggable-block-menu:hover {*/
/*    background-color: #efefef;*/
/*}*/

.drag-block-btn{
    user-select: none;
    transition: background 20ms ease-in;
    cursor: grab;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 24px;
    border-radius: 4px;
    fill: rgba(81, 73, 60, 0.32);
}

.add-insert-paragraph-btn{
    display: contents;
}

.add-insert-paragraph-btn-c-svg{
    user-select: none;
    transition: background 20ms ease-in;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: rgba(81, 73, 60, 0.32);
    position: absolute;
    inset-inline-start: -24.667px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    pointer-events: auto;

}

.add-insert-paragraph-btn-c-svg:hover{
    background: rgba(55, 53, 47, 0.06);
}

.drag-block-btn:hover{
    background-color: rgba(55, 53, 47, 0.06);
}

.draggable-block-target-line {
    pointer-events: none;
    background: #00bfff;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    will-change: transform;
}
.link-editor {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    max-width: 400px;
    width: 100%;
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    border-radius: 0 0 8px 8px;
    transition: opacity 0.5s;
    will-change: transform;
}
.link-editor .button {
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 6px;
    border-radius: 8px;
    cursor: pointer;
    margin: 0 2px;
}
.link-editor .button.hovered {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #eee;
}
.link-editor .button i, .actions i {
    background-size: contain;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: -0.25em;
}
.floating-text-format-popup {
    display: flex;
    background: #fff;
    padding: 4px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.5s;
    height: 35px;
    will-change: transform;
    line-height: 1.2;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 14px 28px -6px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px, rgba(84, 72, 49, 0.08) 0px 0px 0px 1px;
}
.floating-text-format-popup button.popup-item {
    border: 0;
    display: flex;
    background: none;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 6px;
    align-items: center;
    height: 28px;
    width: 30px;
}
.popup-item svg {
    margin: 0 auto;
    display: block;
}
.floating-text-format-popup button.popup-item:disabled {
    cursor: not-allowed;
}
.floating-text-format-popup button.popup-item.spaced {
    margin-right: 2px;
}
.floating-text-format-popup button.popup-item i.format {
    background-size: contain;
    height: 18px;
    width: 18px;
    margin-top: 2px;
    vertical-align: -0.25em;
    display: flex;
    opacity: 0.6;
}
.floating-text-format-popup button.popup-item:disabled i.format {
    opacity: 0.2;
}
.floating-text-format-popup button.popup-item.active {
    background-color: #dfe8fa 4d;
}
.floating-text-format-popup button.popup-item.active i {
    opacity: 1;
}
.floating-text-format-popup .popup-item:hover:not([disabled]) {
    background-color: #eee;
}
.floating-text-format-popup select.popup-item {
    border: 0;
    display: flex;
    background: none;
    border-radius: 10px;
    padding: 8px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 70px;
    font-size: 14px;
    color: #777;
    text-overflow: ellipsis;
}
.floating-text-format-popup select.code-language {
    text-transform: capitalize;
    width: 130px;
}
.floating-text-format-popup .popup-item .text {
    display: flex;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: #777;
    text-overflow: ellipsis;
    width: 70px;
    overflow: hidden;
    height: 20px;
    text-align: left;
}
.floating-text-format-popup .popup-item .icon {
    display: flex;
    width: 20px;
    height: 20px;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 8px;
    line-height: 16px;
    background-size: contain;
}
.floating-text-format-popup i.chevron-down {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    display: flex;
    -webkit-user-select: none;
    user-select: none;
}
.floating-text-format-popup i.chevron-down.inside {
    width: 16px;
    height: 16px;
    display: flex;
    margin-left: -25px;
    margin-top: 11px;
    margin-right: 10px;
    pointer-events: none;
}
.floating-text-format-popup .divider {
    width: 1px;
    background-color: #eee;
    margin: 0 4px;
}
@media (max-width: 1024px) {
    .floating-text-format-popup button.insert-comment {
        display: none;
    }
}
.InlineImageNode__contentEditable {
    min-height: 20px;
    border: 0px;
    resize: none;
    cursor: text;
    caret-color: #050505;
    display: block;
    position: relative;
    -moz-tab-size: 1;
    tab-size: 1;
    outline: 0px;
    padding: 10px;
    -webkit-user-select: text;
    user-select: text;
    font-size: 14px;
    line-height: 1.4em;
    width: calc(100% - 20px);
    white-space: pre-wrap;
    word-break: break-word;
}
.InlineImageNode__placeholder {
    font-size: 12px;
    color: #888;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    bottom: 10px;
    left: 10px;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    display: inline-block;
    pointer-events: none;
}
.InlineImageNode_Checkbox:checked, .InlineImageNode_Checkbox:not(:checked) {
    position: absolute;
    left: -9999px;
}
.InlineImageNode_Checkbox:checked + label, .InlineImageNode_Checkbox:not(:checked) + label {
    position: absolute;
    padding-right: 55px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.InlineImageNode_Checkbox:checked + label:before, .InlineImageNode_Checkbox:not(:checked) + label:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    background: #fff;
}
.InlineImageNode_Checkbox:checked + label:after, .InlineImageNode_Checkbox:not(:checked) + label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #222;
    position: absolute;
    top: 6px;
    right: 6px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.InlineImageNode_Checkbox:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.InlineImageNode_Checkbox:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.noteEditor select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    z-index: 1;
    outline: none;
}
.noteEditor :root {
    --select-border: #393939;
    --select-focus: #101484;
    --select-arrow: var(--select-border);
}
.noteEditor .select {
    min-width: 160px;
    max-width: 290px;
    border: 1px solid var(--select-border);
    border-radius: 0.25em;
    padding: 0.25em 0.5em;
    font-size: 1rem;
    cursor: pointer;
    line-height: 1.4;
    background: linear-gradient(to bottom, #fff, #e5e5e5);
}
.color-picker-wrapper {
    padding: 20px;
}
.color-picker-basic-color {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.color-picker-basic-color button {
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 16px;
    width: 16px;
    cursor: pointer;
    list-style-type: none;
}
.color-picker-basic-color button.active {
    box-shadow: 0 0 2px 2px #000 4d;
}
.color-picker-saturation {
    width: 100%;
    position: relative;
    margin-top: 15px;
    height: 150px;
    background-image: linear-gradient(transparent, #000), linear-gradient(to right, white, transparent);
    -webkit-user-select: none;
    user-select: none;
}
.color-picker-saturation_cursor {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px #000 26;
    box-sizing: border-box;
    transform: translate(-10px, -10px);
}
.color-picker-hue {
    width: 100%;
    position: relative;
    margin-top: 15px;
    height: 12px;
    background-image: linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
    -webkit-user-select: none;
    user-select: none;
    border-radius: 12px;
}
.color-picker-hue_cursor {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: #000 3 0 0 0 0.5px;
    box-sizing: border-box;
    transform: translate(-10px, -4px);
}
.color-picker-color {
    border: 1px solid #ccc;
    margin-top: 15px;
    width: 100%;
    height: 20px;
}
.TableCellResizer__resizer {
    position: absolute;
    touch-action: none;
}
@media (pointer: coarse) {
    .TableCellResizer__resizer {
        background-color: #adf;
        mix-blend-mode: color;
    }
}
.table-of-contents .heading2 {
    margin-left: 25px;
    font-weight: 400;
}
.table-of-contents .heading2 .normal-heading, .table-of-contents .heading3 .normal-heading {
    font-weight: 400;
    list-style: disc;
}
:not(.heading2):not(.heading3) > .normal-heading {
    padding-left: 11px;
    margin-top: 10px;
}
.table-of-contents .heading3 {
    /*margin-left: 20px;*/
    border-inline-start: 1px #cbcac9;
    padding-inline-start: 30px;
    margin-inline-start: 12px;
    border-inline-start-width: 1px;
    border-inline-start-style: dashed;
    font-weight: 400;
}
.selected-heading {
    color: #3578e5;
    position: relative;
}
/*.selected-heading-wrapper:before {*/
/*    content: " ";*/
/*    position: absolute;*/
/*    display: inline-block;*/
/*    left: -16px;*/
/*    top: 4px;*/
/*    z-index: 10;*/
/*    height: 4px;*/
/*    width: 4px;*/
/*    background-color: #3578e5;*/
/*    border: solid 4px white;*/
/*    border-radius: 50%;*/
/*}*/
.normal-heading {
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    list-style: none;
}
.table-of-contents {
    color: #65676b;
    position: fixed;
    top: 95px;
    right: 22px;
    /*padding: 10px;*/
    /*width: 250px;*/
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    z-index: 2;
    height: calc(100vh - 95px);
}
.first-heading {
    /*color: #000;*/
    font-weight: 700;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: -10px;
    margin-top: 7px;
    padding-left: 10px;
}
.headings {
    /*list-style: none;*/
    margin-top: 0;
    /*margin-left: 10px;*/
    padding: 0;
    overflow: scroll;
    /*width: 200px;*/
    /*height: 220px;*/
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /*background: #f3f3f3;*/
}
.headings::-webkit-scrollbar {
    display: none;
}
/*.headings:before {*/
/*    content: " ";*/
/*    position: absolute;*/
/*    height: calc(100vh - 95px);*/
/*    width: 1px;*/
/*    right: 215px;*/
/*    margin-top: 5px;*/
/*    background-color: #ccd0d5;*/
/*    border-radius: 2px;*/
/*}*/
.normal-heading-wrapper {
    margin-left: 5px;
    position: relative;
}
.font-size-input {
    font-weight: 700;
    font-size: 14px;
    color: #777;
    border-radius: 5px;
    border-color: gray;
    height: 15px;
    padding: 2px 4px;
    text-align: center;
    width: 20px;
    align-self: center;
}
.font-size-input:disabled {
    opacity: 0.2;
    cursor: not-allowed;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.noteEditor .add-icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2017'%3e%3cpath%20fill=''%20d='M10%207H6V3H4v4H0v2h4v4h2V9h4z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
}
.noteEditor .minus-icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20version='1.2'%20baseProfile='tiny'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2017'%3e%3cpath%20d='M0%207h8v2H0z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
}
.noteEditor button.font-decrement {
    padding: 0;
    margin-right: 3px;
}
.el-dialog__wrapper.nodeNoteDialog{
    z-index: 999999999999999!important;
}
.noteEditor button.font-increment {
    padding: 0;
    margin-left: 3px;
}


.nodeNoteDialog .el-dialog__body{
    padding: 0;
}
.nodeNoteDialog .el-dialog__footer{
    display:none
}


/* start poll */
.PollNode__container {
    border: 1px solid #eee;
    background-color: #fcfcfc;
    border-radius: 10px;
    max-width: 600px;
    min-width: 400px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.PollNode__container.focused {
    outline: 2px solid rgb(60,132,244)
}

.PollNode__inner {
    margin: 15px;
    cursor: default
}

.PollNode__heading {
    margin: 0 0 15px;
    color: #444;
    text-align: center;
    font-size: 18px
}

.PollNode__optionContainer {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    align-items: center
}

.PollNode__optionInputWrapper {
    display: flex;
    flex: 10px;
    border: 1px solid rgb(61,135,245);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.PollNode__optionInput {
    display: flex;
    flex: 1px;
    border: 0px;
    padding: 7px;
    color: #3d87f5;
    background-color: transparent;
    font-weight: 700;
    outline: 0px;
    z-index: 0
}

.PollNode__optionInput::placeholder {
    font-weight: 400;
    color: #999
}

.PollNode__optionInputVotes {
    background-color: #ecf3fe;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: width 1s ease;
    z-index: 0
}

.PollNode__optionInputVotesCount {
    color: #3d87f5;
    position: absolute;
    right: 15px;
    font-size: 12px;
    top: 5px
}

.PollNode__optionCheckboxWrapper {
    position: relative;
    display: flex;
    width: 22px;
    height: 22px;
    border: 1px solid #999;
    margin-right: 10px;
    border-radius: 5px
}

.PollNode__optionCheckboxChecked {
    border: 1px solid rgb(61,135,245);
    background-color: #3d87f5
}

.PollNode__optionCheckboxChecked:after {
    content: "";
    cursor: pointer;
    border-color: #fff;
    border-style: solid;
    position: absolute;
    display: block;
    top: 4px;
    width: 5px;
    left: 8px;
    height: 9px;
    margin: 0;
    transform: rotate(45deg);
    border-width: 0 2px 2px 0;
    pointer-events: none
}

.PollNode__optionCheckbox {
    border: 0px;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.PollNode__optionDelete {
    position: relative;
    display: flex;
    width: 28px;
    height: 28px;
    margin-left: 6px;
    border: 0px;
    background-color: transparent;
    background-position: 6px 6px;
    background-repeat: no-repeat;
    z-index: 0;
    cursor: pointer;
    border-radius: 5px;
    opacity: .3
}

.PollNode__optionDelete:before,.PollNode__optionDelete:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #999;
    width: 2px;
    height: 15px;
    top: 6px;
    left: 13px
}

.PollNode__optionDelete:before {
    transform: rotate(-45deg)
}

.PollNode__optionDelete:after {
    transform: rotate(45deg)
}

.PollNode__optionDelete:hover {
    opacity: 1;
    background-color: #eee
}

.PollNode__optionDeleteDisabled {
    cursor: not-allowed
}

.PollNode__optionDeleteDisabled:hover {
    opacity: .3;
    background-color: transparent
}

.PollNode__footer {
    display: flex;
    justify-content: center
}

/* end poll */
/* start stick */
.StickyNode__contentEditable{min-height:20px;border:0;resize:none;cursor:text;font-size:24px;caret-color:#050505;display:block;position:relative;outline:0;padding:10px;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-wrap:break-word}.StickyNode__placeholder{font-size:24px;color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;top:30px;left:20px;width:120px;-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-block;pointer-events:none}.StickyEditorTheme__paragraph{margin:0;position:"relative"}
/* end stick */


.ExcalidrawModal__actions {
    text-align: end;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1
}

.ExcalidrawModal__actions button {
    background-color: #fff;
    border-radius: 5px
}

.ExcalidrawModal__row {
    position: relative;
    padding: 40px 5px 5px;
    width: 70vw;
    height: 70vh;
    border-radius: 8px;
    box-shadow: 0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80
}

.ExcalidrawModal__row>div {
    border-radius: 5px
}

.ExcalidrawModal__modal {
    position: relative;
    z-index: 10;
    top: 50px;
    width: auto;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #eee
}

.ExcalidrawModal__discardModal {
    margin-top: 60px;
    text-align: center
}

.excalidraw-button {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent
}

.excalidraw-button.selected {
    outline: 2px solid rgb(60,132,244);
    -webkit-user-select: none;
    user-select: none
}

.excalidraw .Spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    --spinner-color: var(--icon-fill-color)
}

.excalidraw .Spinner svg {
    animation: rotate 1.6s linear infinite;
    animation-delay: var(--spinner-delay);
    transform-origin: center center
}

.excalidraw .Spinner circle {
    stroke: var(--spinner-color);
    animation: dash 1.6s linear 0s infinite;
    stroke-linecap: round
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@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
    }
}

.excalidraw .ToolIcon {
    border-radius: var(--border-radius-lg);
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none
}

.excalidraw .ToolIcon__hidden {
    display: none!important
}

.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon,.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon {
    --icon-fill-color: var(--color-on-primary-container)
}

.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon svg,.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg {
    fill: var(--icon-fill-color)
}

.excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon,.excalidraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon {
    background: var(--color-surface-primary-container);
    --keybinding-color: var(--color-on-primary-container)
}

.excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon svg,.excalidraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg {
    color: var(--color-on-primary-container)
}

.excalidraw .ToolIcon .ToolIcon__keybinding {
    bottom: 4px;
    right: 4px
}

.excalidraw .ToolIcon .ToolIcon__icon:hover {
    background: var(--button-hover-bg)
}

.excalidraw .ToolIcon .ToolIcon__icon:active {
    background: var(--button-hover-bg);
    border: 1px solid var(--button-active-border)
}

.excalidraw .ToolIcon .ToolIcon__icon:active svg {
    color: var(--color-on-primary-container)
}

.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true] {
    background: initial;
    border: none
}

.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true] svg {
    color: var(--color-disabled)
}

.excalidraw .ToolIcon--plain {
    background-color: transparent
}

.excalidraw .ToolIcon--plain .ToolIcon__icon {
    width: 2rem;
    height: 2rem
}

.excalidraw .ToolIcon_type_radio,.excalidraw .ToolIcon_type_checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.excalidraw .ToolIcon__icon {
    box-sizing: border-box;
    width: var(--default-button-size);
    height: var(--default-button-size);
    color: var(--icon-fill-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius-lg)
}

.excalidraw .ToolIcon__icon+.ToolIcon__label {
    margin-inline-start:0}

.excalidraw .ToolIcon__icon svg {
    position: relative;
    width: var(--default-icon-size);
    height: var(--default-icon-size);
    color: var(--icon-fill-color)
}

.excalidraw .ToolIcon__label {
    display: flex;
    align-items: center;
    color: var(--icon-fill-color);
    font-family: var(--ui-font);
    margin: 0 .8em;
    text-overflow: ellipsis
}

.excalidraw .ToolIcon__label .Spinner {
    margin-left: .6em
}

.excalidraw .ToolIcon_size_small .ToolIcon__icon {
    width: 2rem;
    height: 2rem;
    font-size: .8em
}

.excalidraw .ToolIcon_type_button,.excalidraw .Modal .ToolIcon_type_button {
    padding: 0;
    border: none;
    margin: 0;
    font-size: inherit;
    background-color: initial
}

.excalidraw .ToolIcon_type_button:focus-visible,.excalidraw .Modal .ToolIcon_type_button:focus-visible {
    box-shadow: 0 0 0 2px var(--focus-highlight-color)
}

.excalidraw .ToolIcon_type_button.ToolIcon--selected,.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected {
    background-color: var(--button-gray-2)
}

.excalidraw .ToolIcon_type_button.ToolIcon--selected:active,.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active,.excalidraw .ToolIcon_type_button:active,.excalidraw .Modal .ToolIcon_type_button:active {
    background-color: var(--button-gray-3)
}

.excalidraw .ToolIcon_type_button:disabled,.excalidraw .Modal .ToolIcon_type_button:disabled {
    cursor: default
}

.excalidraw .ToolIcon_type_button:disabled:active,.excalidraw .ToolIcon_type_button:disabled:focus-visible,.excalidraw .ToolIcon_type_button:disabled:hover,.excalidraw .Modal .ToolIcon_type_button:disabled:active,.excalidraw .Modal .ToolIcon_type_button:disabled:focus-visible,.excalidraw .Modal .ToolIcon_type_button:disabled:hover {
    background-color: initial;
    border: none;
    box-shadow: none
}

.excalidraw .ToolIcon_type_button:disabled svg,.excalidraw .Modal .ToolIcon_type_button:disabled svg {
    color: var(--color-disabled)
}

.excalidraw .ToolIcon_type_button--show,.excalidraw .Modal .ToolIcon_type_button--show {
    visibility: visible
}

.excalidraw .ToolIcon_type_button--hide,.excalidraw .Modal .ToolIcon_type_button--hide {
    display: none!important
}

.excalidraw .ToolIcon_type_floating,.excalidraw .ToolIcon_type_floating:hover,.excalidraw .ToolIcon_type_floating:active {
    background-color: transparent
}

.excalidraw .ToolIcon_type_floating .ToolIcon__icon {
    background-color: var(--button-gray-1);
    width: 2rem;
    height: 2rem
}

.excalidraw .ToolIcon_type_floating .ToolIcon__icon:hover {
    background-color: var(--button-gray-2)
}

.excalidraw .ToolIcon_type_floating .ToolIcon__icon:active {
    background-color: var(--button-gray-3)
}

.excalidraw .ToolIcon__keybinding {
    position: absolute;
    bottom: 2px;
    right: 3px;
    font-size: .625rem;
    color: var(--keybinding-color);
    font-family: var(--ui-font);
    -webkit-user-select: none;
    user-select: none
}

:root[dir=ltr] .excalidraw .unlocked-icon {
    left: 2px
}

:root[dir=rtl] .excalidraw .unlocked-icon {
    right: 2px
}

.excalidraw .App-toolbar-container .ToolIcon__icon {
    width: var(--lg-button-size);
    height: var(--lg-button-size)
}

@media screen and (max-width: 450px) {
    .excalidraw .App-toolbar-container .ToolIcon__icon {
        width:1.8rem;
        height: 1.8rem
    }
}

@media screen and (max-width: 379px) {
    .excalidraw .App-toolbar-container .ToolIcon__icon {
        width:1.5rem;
        height: 1.5rem
    }
}

.excalidraw .App-toolbar-container .ToolIcon__icon svg {
    width: var(--lg-icon-size);
    height: var(--lg-icon-size)
}

.excalidraw .App-toolbar-container .ToolIcon__LaserPointer .ToolIcon__icon,.excalidraw .App-toolbar-container .ToolIcon__MagicButton .ToolIcon__icon {
    width: var(--default-button-size);
    height: var(--default-button-size)
}

.excalidraw button.standalone {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    width: var(--button-width, var(--default-button-size));
    height: var(--button-height, var(--default-button-size));
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--button-border, var(--default-border-color));
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    background-color: var(--button-bg, var(--island-bg-color));
    color: var(--button-color, var(--color-on-surface));
    font-family: var(--ui-font);
    padding: 0
}

.excalidraw button.standalone svg {
    width: var(--button-width, var(--lg-icon-size));
    height: var(--button-height, var(--lg-icon-size))
}

.excalidraw button.standalone:hover {
    background-color: var(--button-hover-bg, var(--island-bg-color));
    border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
    color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))
}

.excalidraw button.standalone:active {
    background-color: var(--button-active-bg, var(--island-bg-color));
    border-color: var(--button-active-border, var(--color-primary-darkest))
}

.excalidraw button.standalone.active {
    background-color: var(--button-selected-bg, var(--color-surface-primary-container));
    border-color: var(--button-selected-border, var(--color-surface-primary-container))
}

.excalidraw button.standalone.active:hover {
    background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container))
}

.excalidraw button.standalone.active svg {
    color: var(--button-color, var(--color-on-primary-container))
}

.excalidraw button.standalone svg {
    width: var(--default-icon-size);
    height: var(--default-icon-size)
}

.excalidraw button.standalone>* {
    pointer-events: none
}

.excalidraw .excalidraw-eye-dropper-container,.excalidraw .excalidraw-eye-dropper-backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: var(--zIndex-eyeDropperBackdrop);
    touch-action: none
}

.excalidraw .excalidraw-eye-dropper-container {
    pointer-events: none
}

.excalidraw .excalidraw-eye-dropper-backdrop {
    pointer-events: all
}

.excalidraw .excalidraw-eye-dropper-preview {
    pointer-events: none;
    width: 3rem;
    height: 3rem;
    position: fixed;
    z-index: var(--zIndex-eyeDropperPreview);
    border-radius: 1rem;
    border: 1px solid var(--default-border-color);
    filter: var(--theme-filter)
}

.excalidraw .excalidraw-eye-dropper-trigger {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    padding: 4px;
    margin-right: -4px;
    margin-left: -2px;
    border-radius: .5rem;
    color: var(--icon-fill-color)
}

.excalidraw .excalidraw-eye-dropper-trigger:hover {
    background: var(--button-hover-bg)
}

.excalidraw .excalidraw-eye-dropper-trigger.selected {
    color: var(--color-primary);
    background: var(--color-primary-light)
}

.excalidraw .Island {
    --padding: 0;
    box-sizing: border-box;
    background-color: var(--island-bg-color);
    box-shadow: var(--shadow-island);
    border-radius: var(--border-radius-lg);
    padding: calc(var(--padding) * var(--space-factor));
    position: relative;
    transition: box-shadow .5s ease-in-out
}

.excalidraw .Island.zen-mode {
    box-shadow: none
}

.excalidraw .focus-visible-none:focus-visible {
    outline: none!important
}

.excalidraw .color-picker__heading {
    padding: 0 .5rem;
    font-size: .75rem;
    text-align: left
}

.excalidraw .color-picker-container {
    display: grid;
    grid-template-columns: 1fr 20px 1.625rem;
    padding: .25rem 0px;
    align-items: center
}

.excalidraw--mobile.excalidraw .color-picker-container {
    max-width: 11rem
}

.excalidraw .color-picker__top-picks {
    display: flex;
    justify-content: space-between
}

.excalidraw .color-picker__button {
    --radius: .25rem;
    padding: 0;
    margin: 0;
    width: 1.35rem;
    height: 1.35rem;
    border: 1px solid var(--color-gray-30);
    border-radius: var(--radius);
    filter: var(--theme-filter);
    background-color: var(--swatch-color);
    background-position: left center;
    position: relative;
    font-family: inherit;
    box-sizing: border-box
}

.excalidraw .color-picker__button:hover:after {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    box-shadow: 0 0 0 1px var(--color-gray-30);
    border-radius: calc(var(--radius) + 1px);
    filter: var(--theme-filter)
}

.excalidraw .color-picker__button.active .color-picker__button-outline {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    box-shadow: 0 0 0 1px var(--color-primary-darkest);
    z-index: 1;
    border-radius: calc(var(--radius) + 1px);
    filter: var(--theme-filter)
}

.excalidraw .color-picker__button:focus-visible {
    outline: none
}

.excalidraw .color-picker__button:focus-visible:after {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border: 3px solid var(--focus-highlight-color);
    border-radius: calc(var(--radius) + 1px)
}

.excalidraw .color-picker__button:focus-visible.active .color-picker__button-outline {
    display: none
}

.excalidraw .color-picker__button--large {
    --radius: .5rem;
    width: 1.875rem;
    height: 1.875rem
}

.excalidraw .color-picker__button.is-transparent {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==)
}

.excalidraw .color-picker__button--no-focus-visible {
    border: 0
}

.excalidraw .color-picker__button--no-focus-visible:after {
    display: none
}

.excalidraw .color-picker__button--no-focus-visible:focus-visible {
    outline: none!important
}

.excalidraw .color-picker__button.active-color {
    border-radius: calc(var(--radius) + 1px);
    width: 1.625rem;
    height: 1.625rem
}

.excalidraw .color-picker__button__hotkey-label {
    position: absolute;
    right: 4px;
    bottom: 4px;
    filter: none;
    font-size: 11px
}

.excalidraw .color-picker {
    background: var(--popup-bg-color);
    border: 0 solid rgba(255,255,255,.25);
    box-shadow: #00000040 0 1px 4px;
    border-radius: 4px;
    position: absolute
}

:root[dir=ltr] .excalidraw .color-picker {
    left: -5.5px
}

:root[dir=rtl] .excalidraw .color-picker {
    right: -5.5px
}

.excalidraw .color-picker-control-container {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: .5rem
}

.excalidraw .color-picker-control-container+.popover {
    position: static
}

.excalidraw .color-picker-popover-container {
    margin-top: -.25rem
}

:root[dir=ltr] .excalidraw .color-picker-popover-container {
    margin-left: .5rem
}

:root[dir=rtl] .excalidraw .color-picker-popover-container {
    margin-left: -3rem
}

.excalidraw .color-picker-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 10px;
    border-color: transparent transparent var(--popup-bg-color);
    position: absolute;
    top: 10px
}

:root[dir=ltr] .excalidraw .color-picker-triangle {
    transform: rotate(270deg);
    left: -14px
}

:root[dir=rtl] .excalidraw .color-picker-triangle {
    transform: rotate(90deg);
    right: -14px
}

.excalidraw .color-picker-triangle-shadow {
    border-color: transparent transparent rgba(0,0,0,.1)
}

:root[dir=ltr] .excalidraw .color-picker-triangle-shadow {
    left: -14px
}

:root[dir=rtl] .excalidraw .color-picker-triangle-shadow {
    right: -16px
}

.excalidraw .color-picker-content {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    outline: none
}

.excalidraw .color-picker-content--default {
    padding: .5rem;
    display: grid;
    grid-template-columns: repeat(5,1.875rem);
    grid-gap: .25rem;
    border-radius: 4px
}

.excalidraw .color-picker-content--default:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--focus-highlight-color)
}

.excalidraw .color-picker-content--canvas {
    display: flex;
    flex-direction: column;
    padding: .25rem
}

.excalidraw .color-picker-content--canvas-title {
    color: #868e96;
    font-size: 12px;
    padding: 0 .25rem
}

.excalidraw .color-picker-content--canvas-colors {
    padding: .5rem 0
}

.excalidraw .color-picker-content--canvas-colors .color-picker-swatch {
    margin: 0 .25rem
}

.excalidraw .color-picker-content .color-input-container {
    grid-column: 1/span 5
}

.excalidraw .color-picker-swatch {
    position: relative;
    height: 1.875rem;
    width: 1.875rem;
    cursor: pointer;
    border-radius: 4px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background-color: currentColor!important;
    filter: var(--theme-filter)
}

.excalidraw .color-picker-swatch:focus {
    box-shadow: 0 0 4px 1px currentColor;
    border-color: var(--select-highlight-color)
}

.excalidraw .color-picker-transparent {
    border-radius: 4px;
    box-shadow: #0000001a 0 0 0 1px inset;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.excalidraw .color-picker-transparent,.excalidraw .color-picker-label-swatch {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center
}

.excalidraw .color-picker-hash {
    height: var(--default-button-size);
    flex-shrink: 0;
    padding: .5rem .5rem .5rem .75rem;
    border: 1px solid var(--default-border-color);
    border-right: 0;
    box-sizing: border-box;
    color: var(--input-label-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

:root[dir=ltr] .excalidraw .color-picker-hash {
    border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg)
}

:root[dir=rtl] .excalidraw .color-picker-hash {
    border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0;
    border-right: 1px solid var(--default-border-color);
    border-left: 0
}

.excalidraw .color-input-container {
    display: flex
}

.excalidraw .color-input-container:focus-within {
    box-shadow: 0 0 0 1px var(--color-primary-darkest);
    border-radius: var(--border-radius-lg)
}

.excalidraw .color-picker__input-label {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 8px;
    align-items: center;
    border: 1px solid var(--default-border-color);
    border-radius: 8px;
    padding: 0 12px;
    margin: 8px;
    box-sizing: border-box
}

.excalidraw .color-picker__input-label:focus-within {
    box-shadow: 0 0 0 1px var(--color-primary-darkest);
    border-radius: var(--border-radius-lg)
}

.excalidraw .color-picker__input-hash {
    padding: 0 .25rem
}

.excalidraw .color-picker-input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    font-size: .875rem;
    font-family: inherit;
    background-color: transparent;
    color: var(--text-primary-color);
    border: 0;
    outline: none;
    height: var(--default-button-size);
    border: 1px solid var(--default-border-color);
    border-left: 0;
    letter-spacing: .4px;
    padding: .5rem .5rem .5rem .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

:root[dir=ltr] .excalidraw .color-picker-input {
    border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0
}

:root[dir=rtl] .excalidraw .color-picker-input {
    border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg);
    border-left: 1px solid var(--default-border-color);
    border-right: 0
}

.excalidraw .color-picker-input:focus-visible {
    box-shadow: none
}

.excalidraw .color-picker-label-swatch-container {
    border: 1px solid var(--default-border-color);
    border-radius: var(--border-radius-lg);
    width: var(--default-button-size);
    height: var(--default-button-size);
    box-sizing: border-box;
    overflow: hidden
}

.excalidraw .color-picker-label-swatch {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    width: var(--button-width, var(--default-button-size));
    height: var(--button-height, var(--default-button-size));
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--button-border, var(--default-border-color));
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    background-color: var(--button-bg, var(--island-bg-color));
    color: var(--button-color, var(--color-on-surface));
    font-family: var(--ui-font);
    background-color: var(--swatch-color)!important;
    overflow: hidden;
    position: relative;
    filter: var(--theme-filter);
    border: 0!important
}

.excalidraw .color-picker-label-swatch svg {
    width: var(--button-width, var(--lg-icon-size));
    height: var(--button-height, var(--lg-icon-size))
}

.excalidraw .color-picker-label-swatch:hover {
    background-color: var(--button-hover-bg, var(--island-bg-color));
    border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
    color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))
}

.excalidraw .color-picker-label-swatch:active {
    background-color: var(--button-active-bg, var(--island-bg-color));
    border-color: var(--button-active-border, var(--color-primary-darkest))
}

.excalidraw .color-picker-label-swatch.active {
    background-color: var(--button-selected-bg, var(--color-surface-primary-container));
    border-color: var(--button-selected-border, var(--color-surface-primary-container))
}

.excalidraw .color-picker-label-swatch.active:hover {
    background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container))
}

.excalidraw .color-picker-label-swatch.active svg {
    color: var(--button-color, var(--color-on-primary-container))
}

.excalidraw .color-picker-label-swatch:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--swatch-color)
}

.excalidraw .color-picker-keybinding {
    position: absolute;
    bottom: 2px;
    font-size: .7em
}

:root[dir=ltr] .excalidraw .color-picker-keybinding {
    right: 2px
}

:root[dir=rtl] .excalidraw .color-picker-keybinding {
    left: 2px
}

.excalidraw--mobile.excalidraw .color-picker-keybinding {
    display: none
}

.excalidraw .color-picker-type-canvasBackground .color-picker-keybinding {
    color: #aaa
}

.excalidraw .color-picker-type-elementBackground .color-picker-keybinding {
    color: #fff
}

.excalidraw .color-picker-swatch[aria-label=transparent] .color-picker-keybinding {
    color: #aaa
}

.excalidraw .color-picker-type-elementStroke .color-picker-keybinding {
    color: #d4d4d4
}

.excalidraw.theme--dark .color-picker-type-elementBackground .color-picker-keybinding,.excalidraw.theme--dark .color-picker-swatch[aria-label=transparent] .color-picker-keybinding {
    color: #000
}

.excalidraw .picker {
    padding: .5rem;
    background: var(--popup-bg-color);
    border: 0 solid rgba(255,255,255,.25);
    box-shadow: var(--shadow-island);
    border-radius: 4px;
    position: absolute
}

:root[dir=rtl] .excalidraw .picker {
    padding: .4rem
}

.excalidraw .picker-container button,.excalidraw .picker button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.excalidraw .picker-container button:focus-visible,.excalidraw .picker button:focus-visible {
    outline: transparent;
    background-color: var(--button-gray-2)
}

.excalidraw .picker-container button:focus-visible svg,.excalidraw .picker button:focus-visible svg {
    opacity: 1
}

.excalidraw .picker-container button:hover,.excalidraw .picker button:hover {
    background-color: var(--button-gray-2)
}

.excalidraw .picker-container button:active,.excalidraw .picker button:active {
    background-color: var(--button-gray-3)
}

.excalidraw .picker-container button:disabled,.excalidraw .picker button:disabled {
    cursor: not-allowed
}

.excalidraw .picker-container button svg,.excalidraw .picker button svg {
    margin: 0;
    width: 36px;
    height: 18px;
    pointer-events: none
}

.excalidraw .picker button {
    padding: .25rem .28rem .35rem .25rem
}

.excalidraw .picker-content {
    display: grid;
    grid-template-columns: repeat(4,auto);
    grid-gap: .5rem;
    border-radius: 4px
}

.excalidraw .picker-collapsible {
    font-size: .75rem;
    padding: .5rem 0
}

.excalidraw .picker-keybinding {
    position: absolute;
    bottom: 2px;
    font-size: .7em;
    color: var(--keybinding-color)
}

:root[dir=ltr] .excalidraw .picker-keybinding {
    right: 2px
}

:root[dir=rtl] .excalidraw .picker-keybinding {
    left: 2px
}

.excalidraw--mobile.excalidraw .picker-keybinding {
    display: none
}

.excalidraw .picker-type-canvasBackground .picker-keybinding {
    color: #aaa
}

.excalidraw .picker-type-elementBackground .picker-keybinding {
    color: #fff
}

.excalidraw .picker-swatch[aria-label=transparent] .picker-keybinding {
    color: #aaa
}

.excalidraw .picker-type-elementStroke .picker-keybinding {
    color: #d4d4d4
}

.excalidraw.theme--dark .picker-type-elementBackground .picker-keybinding,.excalidraw.theme--dark .picker-swatch[aria-label=transparent] .picker-keybinding {
    color: #000
}

.excalidraw {
    --list-border-color: var(--color-gray-20)
}

.excalidraw .QuickSearch__wrapper {
    position: relative;
    height: 2.6rem;
    border-bottom: 1px solid var(--list-border-color)
}

.excalidraw .QuickSearch__wrapper svg {
    position: absolute;
    top: 47.5%;
    transform: translateY(-50%);
    left: .75rem;
    width: 1.25rem;
    height: 1.25rem;
    color: var(--color-gray-40);
    z-index: 1
}

.excalidraw.theme--dark {
    --list-border-color: var(--color-gray-80)
}

.excalidraw.theme--dark .QuickSearch__wrapper {
    border-bottom: none
}

.excalidraw .QuickSearch__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    border: 0!important;
    font-size: .875rem;
    padding-left: 2.5rem!important;
    padding-right: .75rem!important
}

.excalidraw .QuickSearch__input::placeholder {
    color: var(--color-gray-40)
}

.excalidraw .QuickSearch__input:focus {
    box-shadow: none!important
}

.excalidraw .ScrollableList__wrapper {
    position: static!important;
    border: none;
    font-size: .875rem;
    overflow-y: auto
}

.excalidraw .ScrollableList__wrapper>.empty,.excalidraw .ScrollableList__wrapper>.hint {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    font-size: .75rem;
    color: var(--color-gray-60);
    overflow: hidden;
    text-align: center;
    line-height: 150%
}

.excalidraw .FontPicker__container {
    display: grid;
    grid-template-columns: calc(1rem + 3 * var(--default-button-size)) 1rem 1fr;
    align-items: center
}

.excalidraw--mobile.excalidraw .FontPicker__container {
    max-width: calc(2rem + 4 * var(--default-button-size))
}

.excalidraw {
    --slider-thumb-size: 16px
}

.excalidraw .range-wrapper {
    position: relative;
    padding-top: 10px;
    padding-bottom: 30px
}

.excalidraw .range-input {
    width: 100%;
    height: 4px;
    -webkit-appearance: none;
    background: var(--color-slider-track);
    border-radius: 2px;
    outline: none
}

.excalidraw .range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--slider-thumb-size);
    height: var(--slider-thumb-size);
    background: var(--color-slider-thumb);
    border-radius: 50%;
    cursor: pointer;
    border: none
}

.excalidraw .range-input::-moz-range-thumb {
    width: var(--slider-thumb-size);
    height: var(--slider-thumb-size);
    background: var(--color-slider-thumb);
    border-radius: 50%;
    cursor: pointer;
    border: none
}

.excalidraw .value-bubble {
    position: absolute;
    bottom: 0;
    transform: translate(-50%);
    font-size: 12px;
    color: var(--text-primary-color)
}

.excalidraw .zero-label {
    position: absolute;
    bottom: 0;
    left: 4px;
    font-size: 12px;
    color: var(--text-primary-color)
}

.excalidraw-tooltip {
    --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-family: var(--ui-font);
    position: fixed;
    z-index: var(--zIndex-popup);
    padding: 8px;
    border-radius: 6px;
    box-sizing: border-box;
    pointer-events: none;
    word-wrap: break-word;
    background: #000;
    line-height: 1.5;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: none
}

.excalidraw-tooltip.excalidraw-tooltip--visible {
    display: block
}

.excalidraw-tooltip-wrapper {
    display: flex
}

.excalidraw-tooltip-icon {
    width: .9em;
    height: .9em;
    margin-left: 5px;
    margin-top: 1px;
    display: flex
}

.excalidraw--mobile.excalidraw-tooltip-icon {
    display: none
}

.excalidraw .TextInput {
    display: inline-block
}

.ProjectName {
    margin: auto;
    display: flex;
    align-items: center
}

.ProjectName .TextInput {
    height: calc(1rem - 3px);
    width: 200px;
    overflow: hidden;
    text-align: center;
    margin-left: 8px;
    text-overflow: ellipsis
}

.ProjectName .TextInput--readonly {
    background: none;
    border: none;
    width: auto;
    max-width: 200px;
    padding-left: 2px
}

.ProjectName .TextInput--readonly:hover {
    background: none
}

.excalidraw .Checkbox {
    margin: 4px .3em;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus) {
    box-shadow: 0 0 0 2px #4dabf7
}

.excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus) svg {
    display: block;
    opacity: .3
}

.excalidraw .Checkbox:active .Checkbox-box {
    box-shadow: 0 0 2px 1px inset #1c7ed6!important
}

.excalidraw .Checkbox:hover .Checkbox-box {
    background-color: #d0ebff33
}

.excalidraw .Checkbox.is-checked .Checkbox-box {
    background-color: #d0ebff
}

.excalidraw .Checkbox.is-checked .Checkbox-box svg {
    display: block
}

.excalidraw .Checkbox.is-checked:hover .Checkbox-box {
    background-color: #a5d8ff
}

.excalidraw .Checkbox .Checkbox-box {
    width: 22px;
    height: 22px;
    padding: 0;
    flex: 0 0 auto;
    margin: 0 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 2px #1c7ed6;
    background-color: transparent;
    border-radius: 4px;
    color: #1c7ed6;
    border: 0
}

.excalidraw .Checkbox .Checkbox-box:focus {
    box-shadow: 0 0 0 3px #1c7ed6
}

.excalidraw .Checkbox .Checkbox-box svg {
    display: none;
    width: 16px;
    height: 16px;
    stroke-width: 3px
}

.excalidraw .Checkbox .Checkbox-label {
    display: flex;
    align-items: center
}

.excalidraw .Checkbox .excalidraw-tooltip-icon {
    width: 1em;
    height: 1em
}

.excalidraw .Avatar {
    width: var(--avatar-size, 1.5rem);
    height: var(--avatar-size, 1.5rem);
    position: relative;
    border-radius: 100%;
    outline-offset: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-gray-90);
    flex: 0 0 auto
}

.excalidraw .Avatar:active {
    transform: scale(.94)
}

.excalidraw .Avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.excalidraw .Avatar:before {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border-radius: 100%
}

.excalidraw .Avatar.is-followed:before {
    border-color: var(--color-primary-hover);
    box-shadow: 0 0 0 1px var(--color-primary-hover)
}

.excalidraw .Avatar.is-current-user {
    cursor: auto
}

.excalidraw-hyperlinkContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    box-shadow: 0 2px 4px #0000004d;
    z-index: var(--zIndex-hyperlinkContainer);
    background: var(--island-bg-color);
    border-radius: var(--border-radius-md);
    box-sizing: border-box;
    min-height: 42px
}

.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer button {
    z-index: 100
}

.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer-link {
    height: 24px;
    padding: 0 8px;
    line-height: 24px;
    font-size: .9rem;
    font-weight: 500;
    font-family: var(--ui-font)
}

.excalidraw-hyperlinkContainer-input {
    width: 18rem;
    background-color: transparent;
    color: var(--text-primary-color);
    outline: none;
    border: none;
    box-shadow: none!important
}

.excalidraw-hyperlinkContainer-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 15rem
}

.excalidraw-hyperlinkContainer button {
    color: #228be6;
    background-color: transparent!important;
    font-weight: 500
}

.excalidraw-hyperlinkContainer button.excalidraw-hyperlinkContainer--remove {
    color: #c92a2a
}

.excalidraw-hyperlinkContainer--remove .ToolIcon__icon svg {
    color: #fa5252
}

.excalidraw-hyperlinkContainer .ToolIcon__icon {
    width: 2rem;
    height: 2rem
}

.excalidraw-hyperlinkContainer__buttons {
    flex: 0 0 auto
}

.excalidraw .Dialog {
    -webkit-user-select: text;
    user-select: text;
    cursor: auto
}

.excalidraw .Dialog__title {
    margin: 0;
    text-align: left;
    font-size: 1.25rem;
    border-bottom: 1px solid var(--dialog-border-color);
    padding: 0 0 .75rem;
    margin-bottom: 1.5rem
}

.excalidraw .Dialog__close {
    color: var(--color-gray-40);
    margin: 0;
    position: absolute;
    top: .75rem;
    right: .5rem;
    border: 0;
    background-color: transparent;
    line-height: 0;
    cursor: pointer
}

.excalidraw .Dialog__close:hover {
    color: var(--color-gray-60)
}

.excalidraw .Dialog__close:active {
    color: var(--color-gray-40)
}

.excalidraw .Dialog__close svg {
    width: 1.5rem;
    height: 1.5rem
}

.excalidraw .Dialog__close+.Dialog__content {
    --offset: 28px;
    height: calc(100% - var(--offset))!important;
    margin-top: var(--offset)!important
}

.excalidraw .Dialog--fullscreen .Dialog__close {
    top: 1.25rem;
    right: 1.25rem
}

.excalidraw.excalidraw-modal-container {
    position: absolute;
    z-index: var(--zIndex-modal)
}

.excalidraw .Modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    overflow: auto;
    padding: calc(var(--space-factor) * 10);
    display: flex;
    flex-direction: column
}

.excalidraw .Modal .Island {
    padding: 2.5rem;
    border: 0;
    box-shadow: none;
    border-radius: 0
}

.excalidraw .Modal.animations-disabled .Modal__background {
    animation: none
}

.excalidraw .Modal.animations-disabled .Modal__content {
    animation: none;
    opacity: 1
}

.excalidraw .Modal__background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #12121233;
    animation: Modal__background__fade-in .1s linear forwards
}

.excalidraw .Modal__content {
    z-index: 2;
    width: 100%;
    max-width: var(--max-width);
    max-height: 100%;
    opacity: 0;
    transform: translateY(10px);
    animation: Modal__content_fade-in 25ms ease-out 0s forwards;
    position: relative;
    overflow-y: auto;
    background: var(--island-bg-color);
    border: 1px solid var(--dialog-border-color);
    box-shadow: var(--modal-shadow);
    border-radius: .75rem;
    box-sizing: border-box
}

.excalidraw .Modal__content:focus {
    outline: none
}

@keyframes Modal__background__fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Modal__content_fade-in {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.excalidraw .Modal__close {
    color: var(--icon-fill-color);
    margin: 0;
    padding: .375rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    border: 0;
    background-color: transparent;
    line-height: 0;
    cursor: pointer
}

.excalidraw .Modal__close svg {
    width: 1.5rem;
    height: 1.5rem
}

.excalidraw .Dialog--fullscreen .Modal {
    padding: 0
}

.excalidraw .Dialog--fullscreen .Modal__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    border: 0;
    border-radius: 0
}

.excalidraw .Stack {
    --gap: 0;
    display: grid;
    gap: calc(var(--space-factor) * var(--gap))
}

.excalidraw .Stack_vertical {
    grid-template-columns: auto;
    grid-auto-flow: row;
    grid-auto-rows: min-content
}

.excalidraw .Stack_horizontal {
    grid-template-rows: auto;
    grid-auto-flow: column;
    grid-auto-columns: min-content
}

.excalidraw .confirm-dialog-buttons {
    display: flex;
    column-gap: .5rem;
    justify-content: flex-end
}

.excalidraw .Dialog__action-button {
    position: relative;
    display: flex;
    column-gap: .5rem;
    align-items: center;
    padding: .5rem 1.5rem;
    border: 1px solid var(--default-border-color);
    background-color: transparent;
    height: 3rem;
    border-radius: var(--border-radius-lg);
    letter-spacing: .4px;
    color: inherit;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none
}

.excalidraw .Dialog__action-button svg {
    display: block;
    width: 1rem;
    height: 1rem
}

.excalidraw .Dialog__action-button--danger {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
    color: #fff
}

.excalidraw .Dialog__action-button--primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
}

.excalidraw.theme--dark .Dialog__action-button--danger,.excalidraw.theme--dark .Dialog__action-button--primary {
    color: var(--color-gray-100)
}

.excalidraw .publish-library__fields {
    display: flex;
    flex-direction: column
}

.excalidraw .publish-library__fields label {
    padding: 1em 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.excalidraw .publish-library__fields label span {
    font-weight: 500;
    font-size: 1rem;
    color: #868e96
}

.excalidraw .publish-library__fields label input,.excalidraw .publish-library__fields label textarea {
    width: 70%;
    padding: .6em;
    font-family: var(--ui-font)
}

.excalidraw .publish-library__fields label .required {
    color: #e03131;
    margin: .2rem
}

.excalidraw .publish-library__buttons {
    display: flex;
    padding: .2rem 0;
    justify-content: flex-end;
    gap: .5rem
}

.excalidraw .publish-library__buttons .ToolIcon__icon {
    min-width: 2.5rem;
    width: auto;
    font-size: 1rem
}

.excalidraw .publish-library__buttons .ToolIcon_type_button {
    margin-left: 1rem;
    padding: 0 .5rem
}

.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button {
    background-color: #228be6
}

.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button:hover {
    background-color: #1971c2
}

.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button {
    background-color: #adb5bd
}

.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button:hover {
    background-color: #868e96
}

.excalidraw .publish-library__buttons .ToolIcon__icon {
    color: #fff
}

.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner {
    --spinner-color: #fff
}

.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner svg {
    padding: .5rem
}

.excalidraw .publish-library .selected-library-items {
    display: flex;
    flex-wrap: wrap
}

.excalidraw .publish-library .selected-library-items .single-library-item-wrapper {
    width: 9rem
}

.excalidraw .publish-library-warning {
    color: #fa5252
}

.excalidraw .publish-library-note {
    padding: 1em 0;
    font-style: italic;
    font-size: 14px;
    display: block
}

.excalidraw .single-library-item {
    position: relative
}

.excalidraw .single-library-item-status {
    position: absolute;
    top: .3rem;
    left: .3rem;
    font-size: .7rem;
    color: #f03e3e;
    background: #ffffffe6;
    padding: .1rem .2rem;
    border-radius: .2rem
}

.excalidraw .single-library-item__svg {
    background-color: #fff;
    padding: .3rem;
    width: 7.5rem;
    height: 7.5rem;
    border: 1px solid var(--button-gray-2)
}

.excalidraw .single-library-item__svg svg {
    width: 100%;
    height: 100%
}

.excalidraw .single-library-item .ToolIcon__icon {
    background-color: #fff;
    width: auto;
    height: auto;
    margin: 0 .5rem
}

.excalidraw .single-library-item .ToolIcon,.excalidraw .single-library-item .ToolIcon_type_button:hover {
    background-color: #fff
}

.excalidraw .single-library-item .required,.excalidraw .single-library-item .error {
    color: #e03131;
    font-weight: 700;
    font-size: 1rem;
    margin: .2rem
}

.excalidraw .single-library-item .error {
    font-weight: 500;
    margin: 0;
    padding: .3em 0
}

.excalidraw .single-library-item--remove {
    position: absolute;
    top: .2rem;
    right: 1rem
}

.excalidraw .single-library-item--remove .ToolIcon__icon {
    margin: 0
}

.excalidraw .single-library-item--remove .ToolIcon__icon {
    background-color: #fa5252
}

.excalidraw .single-library-item--remove .ToolIcon__icon:hover {
    background-color: #f03e3e
}

.excalidraw .single-library-item--remove .ToolIcon__icon:active {
    background-color: #e03131
}

.excalidraw .single-library-item--remove svg {
    color: #fff;
    padding: .26rem;
    border-radius: .3em;
    width: 1rem;
    height: 1rem
}

.excalidraw .dropdown-menu {
    position: absolute;
    top: 100%;
    margin-top: .5rem
}

.excalidraw .dropdown-menu--mobile {
    left: 0;
    width: 100%;
    row-gap: .75rem
}

.excalidraw .dropdown-menu--mobile .dropdown-menu-container {
    padding: 8px;
    box-sizing: border-box;
    box-shadow: var(--shadow-island);
    border-radius: var(--border-radius-lg);
    position: relative;
    transition: box-shadow .5s ease-in-out
}

.excalidraw .dropdown-menu--mobile .dropdown-menu-container.zen-mode {
    box-shadow: none
}

.excalidraw .dropdown-menu .dropdown-menu-container {
    background-color: var(--island-bg-color);
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    --gap: 2
}

.excalidraw .dropdown-menu .dropdown-menu-item-base {
    display: flex;
    column-gap: .625rem;
    font-size: .875rem;
    color: var(--color-on-surface);
    width: 100%;
    box-sizing: border-box;
    font-weight: 400;
    font-family: inherit
}

.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item:hover {
    background-color: transparent
}

.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item--hovered {
    background-color: var(--button-hover-bg)!important
}

.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item--selected {
    background-color: var(--color-primary-light)!important
}

.excalidraw .dropdown-menu.fonts {
    margin-top: 1rem;
    max-height: calc(7*(2rem + 2px) + 3.95rem)
}

@media screen and (min-width: 1921px) {
    .excalidraw .dropdown-menu.fonts {
        max-height:calc(7*(2.25rem + 2px) + 3.95rem)
    }
}

.excalidraw .dropdown-menu.fonts .dropdown-menu-item-base {
    display: inline-flex
}

.excalidraw .dropdown-menu.fonts .dropdown-menu-group:not(:first-child) {
    margin-top: 1rem
}

.excalidraw .dropdown-menu.fonts .dropdown-menu-group-title {
    font-size: .75rem;
    text-align: left;
    font-weight: 400;
    margin: 0 0 .5rem;
    line-height: 1.3
}

.excalidraw .dropdown-menu .dropdown-menu-item {
    height: 2rem;
    margin: 1px;
    padding: 0 .5rem;
    width: calc(100% - 2px);
    background-color: transparent;
    border: 1px solid transparent;
    align-items: center;
    cursor: pointer;
    border-radius: var(--border-radius-md)
}

@media screen and (min-width: 1921px) {
    .excalidraw .dropdown-menu .dropdown-menu-item {
        height:2.25rem
    }
}

.excalidraw .dropdown-menu .dropdown-menu-item__text {
    display: flex;
    align-items: center;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    gap: .75rem
}

.excalidraw .dropdown-menu .dropdown-menu-item__shortcut {
    margin-inline-start:auto;opacity: .5
}

.excalidraw .dropdown-menu .dropdown-menu-item__shortcut--orphaned {
    text-align: right;
    font-size: .875rem;
    padding: 0 .625rem
}

.excalidraw .dropdown-menu .dropdown-menu-item--selected {
    background: var(--color-primary-light);
    --icon-fill-color: var(--color-primary-darker)
}

.excalidraw .dropdown-menu .dropdown-menu-item:hover {
    background-color: var(--button-hover-bg);
    text-decoration: none
}

.excalidraw .dropdown-menu .dropdown-menu-item:active {
    background-color: var(--button-hover-bg);
    border-color: var(--color-brand-active)
}

.excalidraw .dropdown-menu .dropdown-menu-item svg {
    width: 1rem;
    height: 1rem;
    display: block
}

.excalidraw .dropdown-menu .dropdown-menu-item-bare {
    align-items: center;
    height: 2rem;
    justify-content: space-between
}

@media screen and (min-width: 1921px) {
    .excalidraw .dropdown-menu .dropdown-menu-item-bare {
        height:2.25rem
    }
}

.excalidraw .dropdown-menu .dropdown-menu-item-bare svg {
    width: 1rem;
    height: 1rem;
    display: block
}

.excalidraw .dropdown-menu .dropdown-menu-item-custom {
    margin-top: .5rem
}

.excalidraw .dropdown-menu .dropdown-menu-group-title {
    font-size: 14px;
    text-align: left;
    margin: 10px 0;
    font-weight: 500
}

.excalidraw .dropdown-menu-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    width: var(--button-width, var(--default-button-size));
    height: var(--button-height, var(--default-button-size));
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--button-border, var(--default-border-color));
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    background-color: var(--button-bg, var(--island-bg-color));
    color: var(--button-color, var(--color-on-surface));
    font-family: var(--ui-font);
    width: var(--lg-button-size);
    height: var(--lg-button-size);
    --background: var(--color-surface-mid);
    background-color: var(--background)
}

.excalidraw .dropdown-menu-button svg {
    width: var(--button-width, var(--lg-icon-size));
    height: var(--button-height, var(--lg-icon-size))
}

.excalidraw .dropdown-menu-button:hover {
    background-color: var(--button-hover-bg, var(--island-bg-color));
    border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
    color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))
}

.excalidraw .dropdown-menu-button:active {
    background-color: var(--button-active-bg, var(--island-bg-color));
    border-color: var(--button-active-border, var(--color-primary-darkest))
}

.excalidraw .dropdown-menu-button.active {
    background-color: var(--button-selected-bg, var(--color-surface-primary-container));
    border-color: var(--button-selected-border, var(--color-surface-primary-container))
}

.excalidraw .dropdown-menu-button.active:hover {
    background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container))
}

.excalidraw .dropdown-menu-button.active svg {
    color: var(--button-color, var(--color-on-primary-container))
}

.excalidraw.theme--dark.excalidraw .dropdown-menu-button {
    --background: var(--color-surface-high)
}

.excalidraw.theme--dark.excalidraw .dropdown-menu-button:hover {
    --background: #363541
}

.excalidraw .dropdown-menu-button:hover {
    --background: var(--color-surface-high);
    background-color: var(--background);
    text-decoration: none
}

.excalidraw .dropdown-menu-button:active {
    border-color: var(--color-primary)
}

.excalidraw .dropdown-menu-button svg {
    width: var(--lg-icon-size);
    height: var(--lg-icon-size)
}

.excalidraw .dropdown-menu-button--mobile {
    border: none;
    margin: 0;
    padding: 0;
    width: var(--default-button-size);
    height: var(--default-button-size)
}

.excalidraw .library-unit {
    align-items: center;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    position: relative;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    border-radius: var(--border-radius-lg)
}

.excalidraw .library-unit svg {
    pointer-events: none
}

.excalidraw .library-unit--hover {
    border-color: var(--color-primary)
}

.excalidraw .library-unit--selected {
    border-color: var(--color-primary);
    border-width: 1px
}

.excalidraw .library-unit--skeleton {
    opacity: .5;
    background: linear-gradient(-45deg,var(--color-gray-10),var(--color-gray-20),var(--color-gray-10));
    background-size: 200% 200%;
    animation: library-unit__skeleton-opacity-animation .2s linear
}

.excalidraw.theme--dark .library-unit--skeleton {
    background-image: linear-gradient(-45deg,var(--color-gray-100),var(--color-gray-80),var(--color-gray-100))
}

.excalidraw .library-unit__dragger {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.excalidraw .library-unit__dragger>svg {
    filter: var(--theme-filter);
    flex-grow: 1;
    max-height: 100%;
    max-width: 100%
}

.excalidraw .library-unit__checkbox-container,.excalidraw .library-unit__checkbox-container:hover,.excalidraw .library-unit__checkbox-container:active {
    align-items: center;
    background: none;
    border: none;
    color: var(--icon-fill-color);
    display: flex;
    justify-content: center;
    margin: 0;
    padding: .5rem;
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    cursor: pointer
}

.excalidraw .library-unit__checkbox-container input,.excalidraw .library-unit__checkbox-container:hover input,.excalidraw .library-unit__checkbox-container:active input {
    cursor: pointer
}

.excalidraw .library-unit__checkbox {
    position: absolute;
    top: .125rem;
    right: .125rem;
    margin: 0
}

.excalidraw .library-unit__checkbox .Checkbox-box {
    margin: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 4px;
    background-color: var(--color-primary-light);
    border: 1px solid var(--color-primary);
    box-shadow: none!important;
    padding: 2px
}

.excalidraw .library-unit__checkbox.Checkbox:hover .Checkbox-box {
    background-color: var(--color-primary-light)
}

.excalidraw .library-unit__checkbox.is-checked .Checkbox-box {
    background-color: var(--color-primary)!important
}

.excalidraw .library-unit__checkbox.is-checked .Checkbox-box svg {
    color: var(--color-primary-light)
}

.excalidraw .library-unit__removeFromLibrary>svg {
    height: 16px;
    width: 16px
}

.excalidraw .library-unit__adder {
    transform: scale(1);
    animation: library-unit__adder-animation 1s ease-in infinite;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-primary);
    border-radius: var(--border-radius-md);
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

.excalidraw .library-unit__adder svg {
    color: var(--color-primary-light);
    width: 1rem;
    height: 1rem
}

.excalidraw .library-unit:active .library-unit__adder {
    animation: none;
    transform: scale(.8)
}

.excalidraw .library-unit__active {
    cursor: pointer
}

@keyframes library-unit__adder-animation {
    0% {
        transform: scale(.85)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.85)
    }
}

@keyframes library-unit__skeleton-opacity-animation {
    0% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    to {
        opacity: .5
    }
}

.excalidraw {
    --container-padding-y: 1.5rem;
    --container-padding-x: .75rem
}

.excalidraw .library-menu-items__no-items {
    text-align: center;
    color: var(--color-gray-70);
    line-height: 1.5;
    font-size: .875rem;
    width: 100%
}

.excalidraw .library-menu-items__no-items__label {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: .75rem
}

.excalidraw.theme--dark .library-menu-items__no-items {
    color: var(--color-gray-40)
}

.excalidraw .library-menu-items-container {
    width: 100%;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    overflow-y: auto;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0;
    position: relative
}

.excalidraw .library-menu-items-container>div {
    padding-left: .75rem;
    padding-right: .75rem
}

.excalidraw .library-menu-items-container__row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1rem
}

.excalidraw .library-menu-items-container__items {
    row-gap: .5rem;
    padding: var(--container-padding-y) 0;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 1rem
}

.excalidraw .library-menu-items-container__header {
    color: var(--color-primary);
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .75rem;
    width: 100%;
    padding-right: 4rem;
    box-sizing: border-box
}

.excalidraw .library-menu-items-container__header--excal {
    margin-top: 2rem
}

.excalidraw .library-menu-items-container__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1rem
}

.excalidraw .library-menu-items-container .separator {
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: .9rem;
    margin: .6em .2em;
    color: var(--text-primary-color)
}

.excalidraw .library-menu-items-private-library-container {
    min-height: 3.75rem;
    width: 100%
}

.excalidraw .layer-ui__library {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.excalidraw .library-actions-counter {
    background-color: var(--color-primary);
    color: var(--color-primary-light);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    bottom: -.25rem;
    right: -.25rem;
    font-size: .625rem;
    pointer-events: none
}

.excalidraw .layer-ui__library-message {
    padding: 2rem;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    justify-content: center
}

.excalidraw .layer-ui__library-message span {
    font-size: .8em
}

.excalidraw .publish-library-success .Dialog__content {
    display: flex;
    flex-direction: column
}

.excalidraw .publish-library-success-close.ToolIcon_type_button {
    background-color: #228be6;
    align-self: flex-end
}

.excalidraw .publish-library-success-close.ToolIcon_type_button:hover {
    background-color: #1971c2
}

.excalidraw .publish-library-success-close.ToolIcon_type_button .ToolIcon__icon {
    width: auto;
    font-size: 1rem;
    color: #fff;
    padding: 0 .5rem
}

.excalidraw .library-menu-control-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    position: relative
}

.excalidraw .library-menu-control-buttons--at-bottom:before {
    content: "";
    width: calc(100% - 1.5rem);
    height: 1px;
    position: absolute;
    top: -1px;
    background: var(--sidebar-border-color)
}

.excalidraw .library-menu-browse-button {
    flex: 1;
    height: var(--lg-button-size);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: var(--border-radius-lg);
    background-color: var(--color-primary);
    color: #fff;
    text-align: center;
    white-space: nowrap;
    text-decoration: none!important;
    font-weight: 600;
    font-size: .75rem
}

.excalidraw .library-menu-browse-button:hover {
    background-color: var(--color-brand-hover)
}

.excalidraw .library-menu-browse-button:active {
    background-color: var(--color-brand-active)
}

.excalidraw.theme--dark .library-menu-browse-button {
    color: var(--color-gray-100)
}

.excalidraw.excalidraw--mobile .library-menu-browse-button {
    height: var(--default-button-size)
}

.excalidraw .layer-ui__library .dropdown-menu {
    width: auto;
    top: initial;
    right: 0;
    left: initial;
    bottom: 100%;
    margin-bottom: .625rem
}

.excalidraw .layer-ui__library .dropdown-menu .dropdown-menu-container {
    width: 196px;
    box-shadow: var(--library-dropdown-shadow);
    border-radius: var(--border-radius-lg);
    padding: .25rem .5rem
}

.excalidraw .layer-ui__library .library-menu-dropdown-container {
    position: relative
}

.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading {
    padding: 0;
    position: absolute;
    top: 1rem;
    right: .75rem;
    z-index: 1
}

.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu {
    top: 100%
}

.excalidraw {
    --ExcTextField--color: var(--color-on-surface);
    --ExcTextField--label-color: var(--color-on-surface);
    --ExcTextField--background: var(--color-surface-low);
    --ExcTextField--readonly--background: var(--color-surface-high);
    --ExcTextField--readonly--color: var(--color-on-surface);
    --ExcTextField--border: var(--color-gray-20);
    --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)
}

.excalidraw .ExcTextField {
    position: relative
}

.excalidraw .ExcTextField svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .75rem;
    width: 1.25rem;
    height: 1.25rem;
    color: var(--color-gray-40);
    z-index: 1
}

.excalidraw .ExcTextField--fullWidth {
    width: 100%;
    flex-grow: 1
}

.excalidraw .ExcTextField__label {
    font-family: Assistant;
    font-style: normal;
    font-weight: 600;
    font-size: .875rem;
    line-height: 150%;
    color: var(--ExcTextField--label-color);
    margin-bottom: .25rem;
    -webkit-user-select: none;
    user-select: none
}

.excalidraw .ExcTextField__input {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3rem;
    background: var(--ExcTextField--background);
    border: 1px solid var(--ExcTextField--border);
    border-radius: .5rem;
    padding: 0 .75rem
}

.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):hover {
    border-color: var(--ExcTextField--border-hover)
}

.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):active,.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):focus-within {
    border-color: var(--ExcTextField--border-active)
}

.excalidraw .ExcTextField__input input {
    display: flex;
    align-items: center;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    height: 1.5rem;
    color: var(--ExcTextField--color);
    font-family: Assistant;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    text-overflow: ellipsis;
    background: transparent;
    width: 100%
}

.excalidraw .ExcTextField__input input:not(:focus):hover {
    background-color: initial
}

.excalidraw .ExcTextField__input input:focus {
    outline: initial;
    box-shadow: initial
}

.excalidraw .ExcTextField__input--readonly {
    background: var(--ExcTextField--readonly--background);
    border-color: var(--ExcTextField--readonly--border)
}

.excalidraw .ExcTextField__input--readonly input {
    color: var(--ExcTextField--readonly--color)
}

.excalidraw .ExcTextField--hasIcon .ExcTextField__input {
    padding-left: 2.5rem
}

.excalidraw .excalidraw-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    width: var(--button-width, var(--default-button-size));
    height: var(--button-height, var(--default-button-size));
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--button-border, var(--default-border-color));
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    background-color: var(--button-bg, var(--island-bg-color));
    color: var(--button-color, var(--color-on-surface));
    font-family: var(--ui-font)
}

.excalidraw .excalidraw-button svg {
    width: var(--button-width, var(--lg-icon-size));
    height: var(--button-height, var(--lg-icon-size))
}

.excalidraw .excalidraw-button:hover {
    background-color: var(--button-hover-bg, var(--island-bg-color));
    border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
    color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))
}

.excalidraw .excalidraw-button:active {
    background-color: var(--button-active-bg, var(--island-bg-color));
    border-color: var(--button-active-border, var(--color-primary-darkest))
}

.excalidraw .excalidraw-button.active {
    background-color: var(--button-selected-bg, var(--color-surface-primary-container));
    border-color: var(--button-selected-border, var(--color-surface-primary-container))
}

.excalidraw .excalidraw-button.active:hover {
    background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container))
}

.excalidraw .excalidraw-button.active svg {
    color: var(--button-color, var(--color-on-primary-container))
}

.zoom-actions,.undo-redo-buttons {
    background-color: var(--island-bg-color);
    border-radius: var(--border-radius-lg);
    box-shadow: 0 0 0 1px var(--color-surface-lowest)
}

.zoom-button,.undo-redo-buttons button {
    border-radius: 0!important;
    background-color: var(--color-surface-low)!important;
    font-size: .875rem!important;
    width: var(--lg-button-size);
    height: var(--lg-button-size)
}

.zoom-button svg,.undo-redo-buttons button svg {
    width: var(--lg-icon-size)!important;
    height: var(--lg-icon-size)!important
}

.zoom-button .ToolIcon__icon,.undo-redo-buttons button .ToolIcon__icon {
    width: 100%;
    height: 100%
}

.reset-zoom-button {
    border-left: 0!important;
    border-right: 0!important;
    padding: 0 .625rem!important;
    width: 3.75rem!important;
    justify-content: center;
    color: var(--text-primary-color)
}

.zoom-out-button {
    border-top-left-radius: var(--border-radius-lg)!important;
    border-bottom-left-radius: var(--border-radius-lg)!important
}

:root[dir=rtl] .zoom-out-button {
    transform: scaleX(-1)
}

.zoom-out-button .ToolIcon__icon {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.zoom-in-button {
    border-top-right-radius: var(--border-radius-lg)!important;
    border-bottom-right-radius: var(--border-radius-lg)!important
}

:root[dir=rtl] .zoom-in-button {
    transform: scaleX(-1)
}

.zoom-in-button .ToolIcon__icon {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.undo-redo-buttons .undo-button-container button {
    border-top-left-radius: var(--border-radius-lg)!important;
    border-bottom-left-radius: var(--border-radius-lg)!important;
    border-right: 0!important
}

:root[dir=rtl] .undo-redo-buttons .undo-button-container button {
    transform: scaleX(-1)
}

.undo-redo-buttons .undo-button-container button .ToolIcon__icon {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.undo-redo-buttons .redo-button-container button {
    border-top-right-radius: var(--border-radius-lg)!important;
    border-bottom-right-radius: var(--border-radius-lg)!important
}

:root[dir=rtl] .undo-redo-buttons .redo-button-container button {
    transform: scaleX(-1)
}

.undo-redo-buttons .redo-button-container button .ToolIcon__icon {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.excalidraw .command-palette-dialog {
    -webkit-user-select: none;
    user-select: none
}

.excalidraw .command-palette-dialog .Modal__content {
    height: auto;
    max-height: 100%
}

@media screen and (min-width: 861px) {
    .excalidraw .command-palette-dialog .Modal__content {
        max-height:750px;
        height: 100%
    }
}

.excalidraw .command-palette-dialog .Modal__content .Island {
    height: 100%;
    padding: 1.5rem
}

.excalidraw .command-palette-dialog .Modal__content .Dialog__content {
    height: 100%;
    display: flex;
    flex-direction: column
}

.excalidraw .command-palette-dialog .shortcuts-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    gap: 1.5rem
}

.excalidraw .command-palette-dialog .shortcut {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    font-size: 10px;
    gap: .25rem
}

.excalidraw .command-palette-dialog .shortcut .shortcut-wrapper {
    display: flex
}

.excalidraw .command-palette-dialog .shortcut .shortcut-plus {
    margin: 0 4px
}

.excalidraw .command-palette-dialog .shortcut .shortcut-key {
    padding: 0 4px;
    height: 16px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-primary-light)
}

.excalidraw .command-palette-dialog .shortcut .shortcut-desc {
    margin-left: 4px;
    color: var(--color-gray-50)
}

.excalidraw .command-palette-dialog .commands {
    overflow-y: auto;
    box-sizing: border-box;
    margin-top: 12px;
    color: var(--popup-text-color);
    -webkit-user-select: none;
    user-select: none
}

.excalidraw .command-palette-dialog .commands .command-category {
    display: flex;
    flex-direction: column;
    padding: 12px 0;
    margin-right: .25rem
}

.excalidraw .command-palette-dialog .commands .command-category-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 6px;
    display: flex;
    align-items: center
}

.excalidraw .command-palette-dialog .commands .command-item {
    color: var(--popup-text-color);
    height: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 .5rem;
    border-radius: var(--border-radius-lg);
    cursor: pointer
}

.excalidraw .command-palette-dialog .commands .command-item:active {
    background-color: var(--color-surface-low)
}

.excalidraw .command-palette-dialog .commands .command-item .name {
    display: flex;
    align-items: center;
    gap: .25rem
}

.excalidraw .command-palette-dialog .commands .item-selected {
    background-color: var(--color-surface-mid)
}

.excalidraw .command-palette-dialog .commands .item-disabled {
    opacity: .3;
    cursor: not-allowed
}

.excalidraw .command-palette-dialog .commands .no-match {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 36px
}

.excalidraw .command-palette-dialog .icon {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.excalidraw .popover {
    position: absolute;
    z-index: 10;
    padding: 5px 0;
    outline: none
}

.excalidraw .context-menu {
    position: relative;
    border-radius: 4px;
    box-shadow: 0 3px 10px #0003;
    padding: 0;
    list-style: none;
    -webkit-user-select: none;
    user-select: none;
    margin: -.25rem 0 0 .125rem;
    padding: .5rem 0;
    background-color: var(--popup-secondary-bg-color);
    border: 1px solid var(--button-gray-3);
    cursor: default
}

.excalidraw .context-menu button {
    color: var(--popup-text-color)
}

.excalidraw .context-menu-item {
    position: relative;
    width: 100%;
    min-width: 9.5rem;
    margin: 0;
    padding: .25rem 1rem .25rem 1.25rem;
    text-align: start;
    border-radius: 0;
    background-color: transparent;
    border: none;
    white-space: nowrap;
    font-family: inherit;
    display: grid;
    grid-template-columns: 1fr .2fr;
    align-items: center
}

.excalidraw .context-menu-item.checkmark:before {
    position: absolute;
    left: 6px;
    margin-bottom: 1px;
    content: "✓"
}

.excalidraw .context-menu-item.dangerous .context-menu-item__label {
    color: #f03e3e
}

.excalidraw .context-menu-item .context-menu-item__label {
    justify-self: start;
    margin-inline-end:20px}

.excalidraw .context-menu-item .context-menu-item__shortcut {
    justify-self: end;
    opacity: .6;
    font-family: inherit;
    font-size: .7rem
}

.excalidraw .context-menu-item:hover {
    color: var(--popup-bg-color);
    background-color: var(--select-highlight-color)
}

.excalidraw .context-menu-item:hover.dangerous {
    background-color: #fa5252
}

.excalidraw .context-menu-item:hover.dangerous .context-menu-item__label {
    color: var(--popup-bg-color)
}

.excalidraw .context-menu-item:focus {
    z-index: 1
}

.excalidraw--mobile.excalidraw .context-menu-item {
    display: block
}

.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__label {
    margin-inline-end:0}

.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__shortcut {
    display: none
}

.excalidraw .context-menu-item-separator {
    border: none;
    border-top: 1px solid #adb5bd
}

.excalidraw {
    --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)
}

.excalidraw .RadioGroup {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 3px;
    border-radius: 10px;
    background: var(--RadioGroup-background);
    border: 1px solid var(--RadioGroup-border)
}

.excalidraw .RadioGroup__choice {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 24px;
    color: var(--RadioGroup-choice-color-off);
    background: var(--RadioGroup-choice-background-off);
    border-radius: 8px;
    font-family: Assistant;
    font-style: normal;
    font-weight: 600;
    font-size: .75rem;
    line-height: 100%;
    -webkit-user-select: none;
    user-select: none;
    letter-spacing: .4px;
    transition: all 75ms ease-out
}

.excalidraw .RadioGroup__choice:hover {
    color: var(--RadioGroup-choice-color-off-hover)
}

.excalidraw .RadioGroup__choice:active {
    background: var(--RadioGroup-choice-background-off-active)
}

.excalidraw .RadioGroup__choice.active {
    color: var(--RadioGroup-choice-color-on);
    background: var(--RadioGroup-choice-background-on)
}

.excalidraw .RadioGroup__choice.active:hover {
    background: var(--RadioGroup-choice-background-on-hover)
}

.excalidraw .RadioGroup__choice.active:active {
    background: var(--RadioGroup-choice-background-on-active)
}

.excalidraw .RadioGroup__choice input {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.excalidraw {
    --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)
}

.excalidraw .Switch {
    position: relative;
    box-sizing: border-box;
    width: 40px;
    height: 20px;
    border-radius: 12px;
    transition-property: background,border;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    background: var(--Switch-track-background);
    border: 1px solid var(--Switch-disabled-color)
}

.excalidraw .Switch:hover {
    background: var(--Switch-track-background);
    border: 1px solid var(--Switch-hover-background)
}

.excalidraw .Switch:active {
    border: 1px solid var(--Switch-active-background)
}

.excalidraw .Switch.toggled {
    background: var(--color-primary);
    border: 1px solid var(--color-primary)
}

.excalidraw .Switch.toggled:hover {
    background: var(--color-primary-darker);
    border: 1px solid var(--color-primary-darker)
}

.excalidraw .Switch.disabled {
    background: var(--Switch-track-background);
    border: 1px solid var(--Switch-disabled-border)
}

.excalidraw .Switch.disabled.toggled {
    background: var(--Switch-disabled-toggled-background);
    border: 1px solid var(--Switch-disabled-toggled-background)
}

.excalidraw .Switch:before {
    content: "";
    box-sizing: border-box;
    display: block;
    pointer-events: none;
    position: absolute;
    border-radius: 100%;
    transition: all .15s ease-out;
    width: 10px;
    height: 10px;
    top: 4px;
    left: 4px;
    background: var(--Switch-thumb-background)
}

.excalidraw .Switch:active:before {
    width: 12px
}

.excalidraw .Switch.toggled:before {
    width: 14px;
    height: 14px;
    left: 22px;
    top: 2px;
    background: var(--Switch-track-background)
}

.excalidraw .Switch.toggled:active:before {
    width: 16px;
    left: 20px
}

.excalidraw .Switch.disabled:before {
    background: var(--Switch-disabled-color)
}

.excalidraw .Switch.disabled.toggled:before {
    background: var(--Switch-disabled-color)
}

.excalidraw .Switch input {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.excalidraw .Switch input:disabled {
    cursor: unset
}

.excalidraw {
    --ImageExportModal-preview-border: #d6d6d6
}

.excalidraw.theme--dark {
    --ImageExportModal-preview-border: #5c5c5c
}

.excalidraw .ImageExportModal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-user-select: none;
    user-select: none
}

.excalidraw .ImageExportModal h3 {
    font-family: Assistant;
    font-style: normal;
    font-weight: 700;
    font-size: 1.313rem;
    line-height: 130%;
    padding: 0;
    margin: 0
}

.excalidraw--mobile.excalidraw .ImageExportModal h3 {
    display: none
}

.excalidraw .ImageExportModal>h3 {
    display: none
}

.excalidraw--mobile.excalidraw .ImageExportModal>h3 {
    display: block
}

.excalidraw--mobile.excalidraw .ImageExportModal {
    flex-direction: column;
    height: calc(100vh - 5rem)
}

.excalidraw .ImageExportModal__preview {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 360px;
    width: 55%;
    margin-right: 1.5rem
}

.excalidraw--mobile.excalidraw .ImageExportModal__preview {
    max-width: unset;
    margin-right: unset;
    width: 100%;
    height: unset;
    flex-grow: 1
}

.excalidraw .ImageExportModal__preview__filename>input {
    margin-top: 1rem
}

.excalidraw .ImageExportModal__preview__canvas {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;
    border: 1px solid var(--ImageExportModal-preview-border);
    border-radius: 12px;
    overflow: hidden;
    padding: 1rem
}

.excalidraw .ImageExportModal__preview__canvas>canvas {
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    filter: none!important
}

.excalidraw--mobile.excalidraw .ImageExportModal__preview__canvas>canvas {
    max-height: 100%
}

.excalidraw--mobile.excalidraw .ImageExportModal__preview__canvas {
    margin-top: 24px;
    max-width: unset
}

.excalidraw .ImageExportModal__settings {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 18px
}

.excalidraw--mobile.excalidraw .ImageExportModal__settings {
    margin-left: unset;
    margin-top: 1rem;
    flex-direction: row;
    gap: 6px 34px;
    align-content: flex-start
}

.excalidraw .ImageExportModal__settings__setting {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.excalidraw--mobile.excalidraw .ImageExportModal__settings__setting {
    flex-direction: column;
    align-items: start;
    justify-content: unset;
    height: 52px
}

.excalidraw .ImageExportModal__settings__setting__label {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: Assistant;
    font-weight: 600;
    font-size: 1rem;
    line-height: 150%
}

.excalidraw .ImageExportModal__settings__setting__label svg {
    width: 20px;
    height: 20px;
    margin-left: 10px
}

.excalidraw .ImageExportModal__settings__setting__content {
    display: flex;
    height: 100%;
    align-items: center
}

.excalidraw .ImageExportModal__settings__buttons {
    flex-grow: 1;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    gap: 11px;
    align-items: flex-end;
    align-content: flex-end
}

.excalidraw--mobile.excalidraw .ImageExportModal__settings__buttons {
    padding-top: 32px;
    flex-basis: 100%;
    justify-content: center
}

@keyframes successStatusAnimation {
    0% {
        transform: scale(.35)
    }

    50% {
        transform: scale(1.25)
    }

    to {
        transform: scale(1)
    }
}

.excalidraw .ExcButton {
    --text-color: transparent;
    --border-color: transparent;
    --back-color: transparent;
    color: var(--text-color);
    background-color: var(--back-color);
    border-color: var(--border-color);
    border-radius: .5rem;
    border-width: 1px;
    border-style: solid;
    font-family: var(--font-family);
    -webkit-user-select: none;
    user-select: none
}

.excalidraw .ExcButton:hover {
    transition: all .15s ease-out
}

.excalidraw .ExcButton .Spinner {
    --spinner-color: var(--color-surface-lowest)
}

.excalidraw .ExcButton .ExcButton__statusIcon {
    visibility: visible;
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    animation: successStatusAnimation .5s cubic-bezier(.3,1,.6,1)
}

.excalidraw .ExcButton.ExcButton--status-loading,.excalidraw .ExcButton.ExcButton--status-success {
    pointer-events: none
}

.excalidraw .ExcButton.ExcButton--status-loading .ExcButton__contents,.excalidraw .ExcButton.ExcButton--status-success .ExcButton__contents {
    visibility: hidden
}

.excalidraw .ExcButton[disabled] {
    pointer-events: none
}

.excalidraw .ExcButton,.excalidraw .ExcButton__contents {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: nowrap;
    position: relative
}

.excalidraw .ExcButton--color-primary.ExcButton--variant-filled {
    --text-color: var(--color-surface-lowest);
    --back-color: var(--color-primary)
}

.excalidraw .ExcButton--color-primary.ExcButton--variant-filled .Spinner {
    --spinner-color: var(--text-color)
}

.excalidraw .ExcButton--color-primary.ExcButton--variant-filled:hover {
    --back-color: var(--color-brand-hover)
}

.excalidraw .ExcButton--color-primary.ExcButton--variant-filled:active {
    --back-color: var(--color-brand-active)
}

.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon {
    --text-color: var(--color-primary);
    --border-color: var(--color-primary);
    --back-color: transparent
}

.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon .Spinner {
    --spinner-color: var(--text-color)
}

.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon:hover {
    --text-color: var(--color-brand-hover);
    --border-color: var(--color-brand-hover)
}

.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon:active {
    --text-color: var(--color-brand-active);
    --border-color: var(--color-brand-active)
}

.excalidraw .ExcButton--color-danger.ExcButton--variant-filled {
    --text-color: var(--color-danger-text);
    --back-color: var(--color-danger-dark)
}

.excalidraw .ExcButton--color-danger.ExcButton--variant-filled .Spinner {
    --spinner-color: var(--text-color)
}

.excalidraw .ExcButton--color-danger.ExcButton--variant-filled:hover {
    --back-color: var(--color-danger-darker)
}

.excalidraw .ExcButton--color-danger.ExcButton--variant-filled:active {
    --back-color: var(--color-danger-darkest)
}

.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon {
    --text-color: var(--color-danger);
    --border-color: var(--color-danger);
    --back-color: transparent
}

.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon .Spinner {
    --spinner-color: var(--text-color)
}

.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon:hover {
    --text-color: var(--color-danger-darkest);
    --border-color: var(--color-danger-darkest)
}

.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon:active {
    --text-color: var(--color-danger-darker);
    --border-color: var(--color-danger-darker)
}

.excalidraw .ExcButton--color-success.ExcButton--variant-filled {
    --text-color: var(--color-success-text);
    --back-color: var(--color-success)
}

.excalidraw .ExcButton--color-success.ExcButton--variant-filled .Spinner {
    --spinner-color: var(--color-success)
}

.excalidraw .ExcButton--color-success.ExcButton--variant-filled:hover {
    --back-color: var(--color-success-darker)
}

.excalidraw .ExcButton--color-success.ExcButton--variant-filled:active {
    --back-color: var(--color-success-darkest)
}

.excalidraw .ExcButton--color-success.ExcButton--variant-outlined,.excalidraw .ExcButton--color-success.ExcButton--variant-icon {
    --text-color: var(--color-success-contrast);
    --border-color: var(--color-success-contrast);
    --back-color: transparent
}

.excalidraw .ExcButton--color-success.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-success.ExcButton--variant-icon .Spinner {
    --spinner-color: var(--color-success-contrast)
}

.excalidraw .ExcButton--color-success.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-success.ExcButton--variant-icon:hover {
    --text-color: var(--color-success-contrast-hover);
    --border-color: var(--color-success-contrast-hover)
}

.excalidraw .ExcButton--color-success.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-success.ExcButton--variant-icon:active {
    --text-color: var(--color-success-contrast-active);
    --border-color: var(--color-success-contrast-active)
}

.excalidraw .ExcButton--color-muted.ExcButton--variant-filled {
    --text-color: var(--island-bg-color);
    --back-color: var(--color-gray-50)
}

.excalidraw .ExcButton--color-muted.ExcButton--variant-filled .Spinner {
    --spinner-color: var(--text-color)
}

.excalidraw .ExcButton--color-muted.ExcButton--variant-filled:hover {
    --back-color: var(--color-gray-60)
}

.excalidraw .ExcButton--color-muted.ExcButton--variant-filled:active {
    --back-color: var(--color-gray-80)
}

.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon {
    --text-color: var(--color-muted-background);
    --border-color: var(--color-muted);
    --back-color: var(--island-bg-color)
}

.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon .Spinner {
    --spinner-color: var(--text-color)
}

.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon:hover {
    --text-color: var(--color-muted-background-darker);
    --border-color: var(--color-muted-darker)
}

.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon:active {
    --text-color: var(--color-muted-background-darker);
    --border-color: var(--color-muted-darkest)
}

.excalidraw .ExcButton--color-warning.ExcButton--variant-filled {
    --text-color: black;
    --back-color: var(--color-warning-dark)
}

.excalidraw .ExcButton--color-warning.ExcButton--variant-filled .Spinner {
    --spinner-color: var(--text-color)
}

.excalidraw .ExcButton--color-warning.ExcButton--variant-filled:hover {
    --back-color: var(--color-warning-darker)
}

.excalidraw .ExcButton--color-warning.ExcButton--variant-filled:active {
    --back-color: var(--color-warning-darkest)
}

.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon {
    --text-color: var(--color-warning-dark);
    --border-color: var(--color-warning-dark);
    --back-color: var(--input-bg-color)
}

.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon .Spinner {
    --spinner-color: var(--text-color)
}

.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon:hover {
    --text-color: var(--color-warning-darker);
    --border-color: var(--color-warning-darker)
}

.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon:active {
    --text-color: var(--color-warning-darkest);
    --border-color: var(--color-warning-darkest)
}

.excalidraw .ExcButton--size-large {
    font-weight: 600;
    font-size: .875rem;
    min-height: 3rem;
    padding: .5rem 1.5rem;
    letter-spacing: .4px
}

.excalidraw .ExcButton--size-large .ExcButton__contents {
    gap: .75rem
}

.excalidraw .ExcButton--size-medium {
    font-weight: 600;
    font-size: .75rem;
    min-height: 2.5rem;
    padding: .5rem 1rem;
    letter-spacing: normal
}

.excalidraw .ExcButton--size-medium .ExcButton__contents {
    gap: .5rem
}

.excalidraw .ExcButton--variant-icon {
    padding: .5rem .75rem;
    width: 3rem
}

.excalidraw .ExcButton--fullWidth {
    width: 100%
}

.excalidraw .ExcButton__icon {
    width: 1.25rem;
    height: 1.25rem
}

.excalidraw .FixedSideContainer {
    position: absolute;
    pointer-events: none
}

.excalidraw .FixedSideContainer>* {
    pointer-events: var(--ui-pointerEvents)
}

.excalidraw .FixedSideContainer_side_top {
    left: var(--editor-container-padding);
    top: var(--editor-container-padding);
    right: var(--editor-container-padding);
    bottom: var(--editor-container-padding)
}

.excalidraw .FixedSideContainer_side_top.zen-mode {
    right: 42px
}

.excalidraw .HintViewer {
    pointer-events: none;
    box-sizing: border-box;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    top: 100%;
    max-width: 100%;
    width: 100%;
    margin-top: .5rem;
    text-align: center;
    color: var(--color-gray-40);
    font-size: .75rem
}

.excalidraw--mobile.excalidraw .HintViewer {
    position: static;
    padding-right: 2rem
}

.excalidraw .HintViewer>span {
    padding: .25rem
}

.excalidraw.theme--dark .HintViewer {
    color: var(--color-gray-60)
}

.excalidraw--mobile.excalidraw .PasteChartDialog .Island {
    display: flex;
    flex-direction: column
}

.excalidraw .PasteChartDialog .container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap
}

.excalidraw--mobile.excalidraw .PasteChartDialog .container {
    flex-direction: column;
    justify-content: center
}

.excalidraw .PasteChartDialog .ChartPreview {
    margin: 8px;
    text-align: center;
    width: 192px;
    height: 128px;
    border-radius: 2px;
    padding: 1px;
    border: 1px solid #ced4da;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent
}

.excalidraw .PasteChartDialog .ChartPreview div {
    display: inline-block
}

.excalidraw .PasteChartDialog .ChartPreview svg {
    max-height: 120px;
    max-width: 186px
}

.excalidraw .PasteChartDialog .ChartPreview:hover {
    padding: 0;
    border: 2px solid #339af0
}

.excalidraw .HelpDialog .Modal__content {
    max-width: 960px
}

.excalidraw .HelpDialog h3 {
    margin: 1.5rem 0;
    font-weight: 700;
    font-size: 1.125rem
}

.excalidraw .HelpDialog__header {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem
}

.excalidraw .HelpDialog__btn {
    --background: var(--color-surface-mid);
    display: flex;
    column-gap: .5rem;
    align-items: center;
    background-color: var(--background);
    padding: .625rem 1rem;
    border: 1px solid var(--background);
    border-radius: var(--border-radius-lg);
    color: var(--text-primary-color);
    font-weight: 600;
    font-size: .75rem;
    letter-spacing: .4px
}

.excalidraw.theme--dark.excalidraw .HelpDialog__btn {
    --background: var(--color-surface-high)
}

.excalidraw.theme--dark.excalidraw .HelpDialog__btn:hover {
    --background: #363541
}

.excalidraw .HelpDialog__btn:hover {
    --background: var(--color-surface-high);
    text-decoration: none
}

.excalidraw .HelpDialog__btn:active {
    border-color: var(--color-primary)
}

.excalidraw .HelpDialog__link-icon {
    line-height: 0
}

.excalidraw .HelpDialog__link-icon svg {
    width: 1rem;
    height: 1rem
}

.excalidraw .HelpDialog__islands-container {
    display: grid;
    grid-column-gap: 1.5rem;
    grid-row-gap: 2rem
}

@media screen and (min-width: 1024px) {
    .excalidraw .HelpDialog__islands-container {
        grid-template-columns:1fr 1fr
    }
}

@media screen and (min-width: 1024px) {
    .excalidraw .HelpDialog__island--tools {
        grid-area:1/1/2/2
    }

    .excalidraw .HelpDialog__island--view {
        grid-area: 2/1/3/2
    }

    .excalidraw .HelpDialog__island--editor {
        grid-area: 1/2/3/3
    }
}

.excalidraw .HelpDialog__island h4 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    margin-bottom: .625rem
}

.excalidraw .HelpDialog__island-content {
    border: 1px solid var(--dialog-border-color);
    border-radius: var(--border-radius-lg)
}

.excalidraw .HelpDialog__shortcut {
    border-bottom: 1px solid var(--dialog-border-color);
    padding: .375rem .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .875rem;
    column-gap: .5rem
}

.excalidraw .HelpDialog__shortcut:last-child {
    border-bottom: none
}

.excalidraw .HelpDialog__key-container {
    display: flex;
    align-items: center;
    column-gap: .25rem;
    flex-shrink: 0
}

.excalidraw .HelpDialog__key {
    display: flex;
    box-sizing: border-box;
    font-size: .625rem;
    background-color: var(--color-primary-light);
    border-radius: var(--border-radius-md);
    padding: .5rem;
    word-break: keep-all;
    align-items: center;
    font-family: inherit;
    line-height: 1
}

.excalidraw {
    --avatar-size: 1.75rem;
    --avatarList-gap: .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)
}

.excalidraw .UserList__wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    pointer-events: none!important
}

.excalidraw .UserList {
    pointer-events: none;
    padding: var(--userList-padding);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: var(--avatarList-gap);
    box-sizing: border-box;
    --max-size: calc( var(--avatar-size) * var(--max-avatars, 2) + var(--avatarList-gap) * (var(--max-avatars, 2) - 1) + var(--userList-padding) * 2 );
    max-height: var(--max-size);
    max-width: var(--max-size)
}

.excalidraw .UserList>* {
    pointer-events: var(--ui-pointerEvents)
}

.excalidraw .UserList_mobile {
    padding: 0;
    justify-content: normal;
    margin: .5rem 0;
    max-width: none;
    max-height: none
}

.excalidraw .UserList__more {
    width: var(--avatar-size, 1.5rem);
    height: var(--avatar-size, 1.5rem);
    position: relative;
    border-radius: 100%;
    outline-offset: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: .75rem;
    line-height: 1;
    color: var(--color-gray-90);
    flex: 0 0 auto;
    background-color: var(--color-gray-20);
    border: 0!important;
    font-size: .625rem;
    font-weight: 400;
    flex-shrink: 0;
    color: var(--color-gray-100);
    font-weight: 700
}

.excalidraw .UserList__more:active {
    transform: scale(.94)
}

.excalidraw .UserList__more-img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.excalidraw .UserList__more:before {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border-radius: 100%
}

.excalidraw .UserList__more.is-followed:before {
    border-color: var(--color-primary-hover);
    box-shadow: 0 0 0 1px var(--color-primary-hover)
}

.excalidraw .UserList__more.is-current-user {
    cursor: auto
}

.excalidraw .UserList__collaborator-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.excalidraw .UserList__collaborator--avatar-only {
    position: relative;
    display: flex;
    flex: 0 0 auto
}

.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon {
    --size: 14px;
    position: absolute;
    display: flex;
    flex: 0 0 auto;
    bottom: -.25rem;
    right: -.25rem;
    width: var(--size);
    height: var(--size)
}

.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon svg {
    flex: 0 0 auto;
    width: var(--size);
    height: var(--size)
}

.excalidraw .UserList__collaborator-status-icons {
    margin-left: auto;
    flex: 0 0 auto;
    min-width: 2.25rem;
    gap: .25rem;
    justify-content: flex-end;
    display: flex
}

.excalidraw .UserList__collaborator.is-muted .UserList__collaborator-status-icon-microphone-muted {
    color: var(--color-danger);
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,.5))
}

.excalidraw .UserList__collaborator-status-icon-speaking-indicator {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 1rem;
    padding: 0 3px;
    box-sizing: border-box
}

.excalidraw .UserList__collaborator-status-icon-speaking-indicator div {
    width: .125rem;
    height: .4rem;
    background-color: #a2f1a6
}

.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(1) {
    animation: speaking-indicator-anim 1s -.45s ease-in-out infinite
}

.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(2) {
    animation: speaking-indicator-anim 1s -.9s ease-in-out infinite
}

.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(3) {
    animation: speaking-indicator-anim 1s -.15s ease-in-out infinite
}

@keyframes speaking-indicator-anim {
    0%,to {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(2)
    }
}

.excalidraw.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)
}

.excalidraw .UserList__collaborators {
    top: auto;
    max-height: 50vh
}

.excalidraw .Card {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 290px;
    margin: 1em;
    text-align: center
}

.excalidraw .Card .Card-icon {
    font-size: 2.6em;
    display: flex;
    flex: 0 0 auto;
    padding: 1.4rem;
    border-radius: 50%;
    background: var(--card-color);
    color: #fff
}

.excalidraw .Card .Card-icon svg {
    width: 2.8rem;
    height: 2.8rem
}

.excalidraw .Card .Card-details {
    font-size: .96em;
    min-height: 90px;
    padding: 0 1em;
    margin-bottom: auto
}

.excalidraw .Card .Card-button.ToolIcon_type_button {
    height: 2.5rem;
    margin-top: 1em;
    margin-bottom: .3em;
    background-color: var(--card-color)
}

.excalidraw .Card .Card-button.ToolIcon_type_button:hover {
    background-color: var(--card-color-darker)
}

.excalidraw .Card .Card-button.ToolIcon_type_button:active {
    background-color: var(--card-color-darkest)
}

.excalidraw .Card .Card-button.ToolIcon_type_button .ToolIcon__label {
    color: #fff
}

.excalidraw .Card .Card-button.ToolIcon_type_button .Spinner {
    --spinner-color: #fff
}

.excalidraw .ExportDialog__preview {
    --preview-padding: calc(var(--space-factor) * 4);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;
    text-align: center;
    padding: var(--preview-padding);
    margin-bottom: calc(var(--space-factor) * 3);
    display: flex;
    justify-content: center;
    align-items: center
}

.excalidraw .ExportDialog__preview canvas {
    max-width: calc(100% - var(--preview-padding) * 2);
    max-height: 25rem
}

.excalidraw.theme--dark .ExportDialog__preview canvas {
    filter: none
}

.excalidraw .ExportDialog__actions {
    width: 100%;
    display: flex;
    grid-gap: calc(var(--space-factor) * 2);
    align-items: top;
    justify-content: space-between
}

.excalidraw--mobile.excalidraw .ExportDialog {
    display: flex;
    flex-direction: column
}

.excalidraw--mobile.excalidraw .ExportDialog__actions {
    flex-direction: column;
    align-items: center
}

.excalidraw--mobile.excalidraw .ExportDialog__actions>* {
    margin-bottom: calc(var(--space-factor) * 3)
}

.excalidraw--mobile.excalidraw .ExportDialog__preview canvas {
    max-height: 30vh
}

.excalidraw--mobile.excalidraw .ExportDialog__dialog,.excalidraw--mobile.excalidraw .ExportDialog__dialog .Island {
    height: 100%;
    box-sizing: border-box
}

.excalidraw--mobile.excalidraw .ExportDialog__dialog .Island {
    overflow-y: auto
}

.excalidraw .ExportDialog--json .ExportDialog-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    justify-items: center;
    row-gap: 2em
}

@media (max-width: 460px) {
    .excalidraw .ExportDialog--json .ExportDialog-cards {
        grid-template-columns:repeat(auto-fit,minmax(240px,1fr))
    }

    .excalidraw .ExportDialog--json .ExportDialog-cards .Card-details {
        min-height: 40px
    }
}

.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName {
    width: fit-content;
    margin: 1em auto;
    align-items: flex-start;
    flex-direction: column
}

.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName .TextInput {
    width: auto
}

.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName-label {
    margin: .625em 0;
    font-weight: 700
}

.excalidraw button.ExportDialog-imageExportButton {
    border: 0;
    width: 5rem;
    height: 5rem;
    margin: 0 .2em;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background-color: var(--button-color);
    box-shadow: 0 3px 5px -1px #00000047,0 6px 10px #00000024;
    font-family: Cascadia;
    font-size: 1.8em;
    color: #fff
}

.excalidraw button.ExportDialog-imageExportButton:hover {
    background-color: var(--button-color-darker)
}

.excalidraw button.ExportDialog-imageExportButton:active {
    background-color: var(--button-color-darkest);
    box-shadow: none
}

.excalidraw button.ExportDialog-imageExportButton svg {
    width: .9em
}

.excalidraw .sidebar-trigger {
    justify-content: center;
    padding: .625rem;
    width: var(--button-width, var(--default-button-size));
    height: var(--button-height, var(--default-button-size));
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--button-border, var(--default-border-color));
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    background-color: var(--button-bg, var(--island-bg-color));
    color: var(--button-color, var(--color-on-surface));
    font-family: var(--ui-font);
    border: none;
    box-shadow: 0 0 0 1px var(--color-surface-lowest);
    background-color: var(--color-surface-low);
    width: auto;
    height: var(--lg-button-size);
    display: flex;
    align-items: center;
    gap: .5rem;
    line-height: 0;
    font-size: .75rem;
    letter-spacing: .4px
}

.excalidraw .sidebar-trigger svg {
    width: var(--button-width, var(--lg-icon-size));
    height: var(--button-height, var(--lg-icon-size))
}

.excalidraw .sidebar-trigger:hover {
    background-color: var(--button-hover-bg, var(--island-bg-color));
    border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
    color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))
}

.excalidraw .sidebar-trigger:active {
    background-color: var(--button-active-bg, var(--island-bg-color));
    border-color: var(--button-active-border, var(--color-primary-darkest))
}

.excalidraw .sidebar-trigger.active {
    background-color: var(--button-selected-bg, var(--color-surface-primary-container));
    border-color: var(--button-selected-border, var(--color-surface-primary-container))
}

.excalidraw .sidebar-trigger.active:hover {
    background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container))
}

.excalidraw .sidebar-trigger.active svg {
    color: var(--button-color, var(--color-on-primary-container))
}

.excalidraw .sidebar-trigger:active {
    box-shadow: 0 0 0 1px var(--color-brand-active)
}

.excalidraw .sidebar-trigger svg {
    width: var(--lg-icon-size);
    height: var(--lg-icon-size)
}

.excalidraw .sidebar-trigger__label-element {
    align-self: flex-start
}

.excalidraw .default-sidebar-trigger .sidebar-trigger__label {
    display: block;
    white-space: nowrap
}

.excalidraw.excalidraw--mobile .default-sidebar-trigger .sidebar-trigger__label {
    display: none
}

.excalidraw .sidebar {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: var(--sidebar-bg-color);
    box-shadow: var(--sidebar-shadow);
    pointer-events: var(--ui-pointerEvents);
    overflow: hidden;
    border-radius: 0;
    width: calc(var(--right-sidebar-width) - var(--space-factor) * 2);
    border-left: 1px solid var(--sidebar-border-color)
}

:root[dir=rtl] .excalidraw .sidebar {
    left: 0;
    right: auto
}

.excalidraw .sidebar--docked {
    box-shadow: none
}

:root[dir=rtl] .excalidraw .sidebar {
    border-right: 1px solid var(--sidebar-border-color);
    border-left: 0
}

.excalidraw .sidebar__header {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem .75rem;
    position: relative
}

.excalidraw .sidebar__header:after {
    content: "";
    width: calc(100% - 1.5rem);
    height: 1px;
    background: var(--sidebar-border-color);
    position: absolute;
    bottom: -1px
}

.excalidraw .sidebar__header__buttons {
    gap: 0;
    display: flex;
    align-items: center;
    margin-left: auto
}

.excalidraw .sidebar__header__buttons button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    width: var(--button-width, var(--default-button-size));
    height: var(--button-height, var(--default-button-size));
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--button-border, var(--default-border-color));
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    background-color: var(--button-bg, var(--island-bg-color));
    color: var(--button-color, var(--color-on-surface));
    font-family: var(--ui-font);
    --button-bg: transparent;
    border: 0!important;
    width: var(--lg-button-size);
    height: var(--lg-button-size);
    padding: 0
}

.excalidraw .sidebar__header__buttons button svg {
    width: var(--button-width, var(--lg-icon-size));
    height: var(--button-height, var(--lg-icon-size))
}

.excalidraw .sidebar__header__buttons button:hover {
    background-color: var(--button-hover-bg, var(--island-bg-color));
    border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
    color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))
}

.excalidraw .sidebar__header__buttons button:active {
    background-color: var(--button-active-bg, var(--island-bg-color));
    border-color: var(--button-active-border, var(--color-primary-darkest))
}

.excalidraw .sidebar__header__buttons button.active {
    background-color: var(--button-selected-bg, var(--color-surface-primary-container));
    border-color: var(--button-selected-border, var(--color-surface-primary-container))
}

.excalidraw .sidebar__header__buttons button.active:hover {
    background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container))
}

.excalidraw .sidebar__header__buttons button.active svg {
    color: var(--button-color, var(--color-on-primary-container))
}

.excalidraw .sidebar__header__buttons button svg {
    width: var(--lg-icon-size);
    height: var(--lg-icon-size)
}

.excalidraw .sidebar__header__buttons button:hover {
    background: var(--button-hover-bg, var(--island-bg-color))
}

.excalidraw .sidebar__header__buttons .sidebar__dock.selected svg {
    stroke: var(--color-primary);
    fill: var(--color-primary)
}

.excalidraw .sidebar-tabs-root {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 1rem 0
}

.excalidraw .sidebar-tabs-root [role=tabpanel] {
    flex: 1;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    outline: none
}

.excalidraw .sidebar-tabs-root [role=tabpanel][data-state=inactive] {
    display: none!important
}

.excalidraw .sidebar-tabs-root [role=tablist] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit,minmax(0,1fr))
}

.excalidraw .sidebar-tabs-root>.sidebar__header {
    padding-top: 0;
    padding-bottom: 1rem
}

.excalidraw .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)
}

.excalidraw .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)
}

.excalidraw .default-sidebar {
    display: flex;
    flex-direction: column
}

.excalidraw .default-sidebar .sidebar-triggers {
    display: flex;
    gap: 0;
    padding: 2px;
    margin-top: -3px;
    margin-bottom: -3px;
    border: 1px solid var(--sidebar-border-color);
    background: var(--default-bg-color);
    border-radius: .625rem
}

.excalidraw .default-sidebar .sidebar-triggers .sidebar-tab-trigger {
    height: var(--lg-button-size);
    width: var(--lg-button-size);
    border: none
}

.excalidraw .ActiveFile .ActiveFile__fileName {
    display: flex;
    align-items: center
}

.excalidraw .ActiveFile .ActiveFile__fileName span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 9.3em
}

.excalidraw .ActiveFile .ActiveFile__fileName svg {
    width: 1.15em;
    margin-inline-end:.3em;transform: scaleY(.9)
}

.excalidraw .OverwriteConfirm {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    isolation: isolate
}

.excalidraw .OverwriteConfirm h3 {
    margin: 0;
    font-weight: 700;
    font-size: 1.3125rem;
    line-height: 130%;
    align-self: flex-start;
    color: var(--text-primary-color)
}

.excalidraw .OverwriteConfirm__Description {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    gap: 1rem;
    padding: 2.5rem;
    background: var(--color-danger-background);
    border-radius: .5rem;
    font-family: Assistant;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    color: var(--color-danger-color)
}

.excalidraw--mobile.excalidraw .OverwriteConfirm__Description {
    flex-direction: column;
    text-align: center
}

.excalidraw .OverwriteConfirm__Description__spacer {
    flex-grow: 1
}

.excalidraw .OverwriteConfirm__Description__icon {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2.5rem;
    background: var(--color-danger-icon-background);
    width: 3.5rem;
    height: 3.5rem;
    padding: .75rem
}

.excalidraw .OverwriteConfirm__Description__icon svg {
    color: var(--color-danger-icon-color);
    width: 1.5rem;
    height: 1.5rem
}

.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning {
    background: var(--color-warning-background);
    color: var(--color-warning-color)
}

.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon {
    background: var(--color-warning-icon-background);
    flex: 0 0 auto
}

.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon svg {
    color: var(--color-warning-icon-color)
}

.excalidraw .OverwriteConfirm__Actions {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-items: stretch;
    justify-content: center;
    gap: 1.5rem
}

.excalidraw--mobile.excalidraw .OverwriteConfirm__Actions {
    flex-direction: column
}

.excalidraw .OverwriteConfirm__Actions__Action {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
    gap: .75rem;
    flex-basis: 50%;
    flex-grow: 0
}

.excalidraw .OverwriteConfirm__Actions__Action__content {
    height: 100%;
    font-size: .875rem;
    text-align: center
}

.excalidraw .OverwriteConfirm__Actions__Action h4 {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 130%;
    margin: 0;
    color: var(--text-primary-color)
}

.excalidraw .layer-ui__search {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    padding: 8px 0 0
}

.excalidraw .layer-ui__search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .75rem
}

.excalidraw .layer-ui__search-header .ExcTextField {
    flex: 1 0 auto
}

.excalidraw .layer-ui__search-header .ExcTextField__input {
    background-color: #f5f5f9;
    border-radius: var(--border-radius-md);
    border: 0
}

.excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input {
    background-color: #31303b
}

.excalidraw .layer-ui__search-header .ExcTextField__input input::placeholder {
    font-size: .9rem
}

.excalidraw .layer-ui__search-count {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 8px 0;
    margin: 0 .75rem .25rem;
    font-size: .8em
}

.excalidraw .layer-ui__search-count .result-nav {
    display: flex
}

.excalidraw .layer-ui__search-count .result-nav .result-nav-btn {
    width: 36px;
    height: 36px;
    --button-border: transparent
}

.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:active {
    background-color: var(--color-surface-high)
}

.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:first-child {
    margin-right: 4px
}

.excalidraw .layer-ui__search-result-container {
    overflow-y: auto;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.excalidraw .layer-ui__result-item {
    display: flex;
    align-items: center;
    min-height: 2rem;
    flex: 0 0 auto;
    padding: .25rem .75rem;
    cursor: pointer;
    border: 1px solid transparent;
    outline: none;
    margin: 0 .75rem;
    border-radius: var(--border-radius-md)
}

.excalidraw .layer-ui__result-item .text-icon {
    width: 1rem;
    height: 1rem;
    margin-right: .75rem
}

.excalidraw .layer-ui__result-item .preview-text {
    flex: 1;
    max-height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.excalidraw .layer-ui__result-item:hover {
    background-color: var(--color-surface-high)
}

.excalidraw .layer-ui__result-item:active {
    border-color: var(--color-primary)
}

.excalidraw .layer-ui__result-item.active {
    background-color: var(--color-surface-high)
}

.excalidraw .dialog-mermaid-title {
    margin-block:.25rem;font-size: 1.25rem;
    font-weight: 700;
    padding-inline:2.5rem}

.excalidraw .Modal.Dialog.ttd-dialog {
    padding: 1.25rem
}

.excalidraw .Modal.Dialog.ttd-dialog.Dialog--fullscreen {
    margin-top: 0
}

.excalidraw .Modal.Dialog.ttd-dialog .Island {
    padding-inline:0!important;height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    box-shadow: none
}

.excalidraw .Modal.Dialog.ttd-dialog .Modal__content {
    height: auto;
    max-height: 100%
}

@media screen and (min-width: 861px) {
    .excalidraw .Modal.Dialog.ttd-dialog .Modal__content {
        max-height:750px;
        height: 100%
    }
}

.excalidraw .Modal.Dialog.ttd-dialog .Dialog__content {
    flex: 1 1 auto
}

.excalidraw .ttd-dialog-desc {
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.5rem
}

.excalidraw .ttd-dialog-tabs-root {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.excalidraw .ttd-dialog-tab-trigger {
    color: var(--color-on-surface);
    font-size: .875rem;
    margin: 0;
    padding: 0 1rem;
    background-color: transparent;
    border: 0;
    height: 2.875rem;
    font-weight: 600;
    font-family: inherit;
    letter-spacing: .4px
}

.excalidraw .ttd-dialog-tab-trigger[data-state=active] {
    border-bottom: 2px solid var(--color-primary)
}

.excalidraw .ttd-dialog-triggers {
    border-bottom: 1px solid var(--color-surface-high);
    margin-bottom: 1.5rem;
    padding-inline:2.5rem}

.excalidraw .ttd-dialog-content {
    padding-inline:2.5rem;height: 100%;
    display: flex;
    flex-direction: column
}

.excalidraw .ttd-dialog-content[hidden] {
    display: none
}

.excalidraw .ttd-dialog-input {
    width: auto;
    height: 10rem;
    resize: none;
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--dialog-border-color);
    white-space: pre-wrap;
    padding: .85rem;
    box-sizing: border-box;
    font-family: monospace
}

@media screen and (min-width: 861px) {
    .excalidraw .ttd-dialog-input {
        width:100%;
        height: 100%
    }
}

.excalidraw .ttd-dialog-output-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .85rem;
    box-sizing: border-box;
    flex-grow: 1;
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--dialog-border-color);
    height: 400px;
    width: auto
}

@media screen and (min-width: 861px) {
    .excalidraw .ttd-dialog-output-wrapper {
        width:100%;
        height: 200px
    }
}

.excalidraw .ttd-dialog-output-wrapper canvas {
    max-width: 100%;
    max-height: 100%
}

.excalidraw .ttd-dialog-output-canvas-container {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.excalidraw .ttd-dialog-output-error {
    color: red;
    font-weight: 700;
    font-size: 30px;
    word-break: break-word;
    overflow: auto;
    max-height: 100%;
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 10
}

.excalidraw .ttd-dialog-output-error p {
    font-weight: 500;
    font-family: Cascadia;
    text-align: left;
    white-space: pre-wrap;
    font-size: .875rem;
    padding: 0 10px
}

.excalidraw .ttd-dialog-panels {
    height: 100%
}

@media screen and (min-width: 861px) {
    .excalidraw .ttd-dialog-panels {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 4rem
    }
}

.excalidraw .ttd-dialog-panel {
    display: flex;
    flex-direction: column;
    width: 100%
}

.excalidraw .ttd-dialog-panel__header {
    display: flex;
    margin: 0 4px 4px;
    align-items: center;
    gap: 1rem
}

.excalidraw .ttd-dialog-panel__header label {
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

.excalidraw .ttd-dialog-panel:first-child .ttd-dialog-panel-button-container:not(.invisible) {
    margin-bottom: 4rem
}

@media screen and (min-width: 861px) {
    .excalidraw .ttd-dialog-panel .ttd-dialog-panel-button-container:not(.invisible) {
        margin-bottom:.5rem!important
    }
}

.excalidraw .ttd-dialog-panel textarea {
    height: 100%;
    resize: none;
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--dialog-border-color);
    white-space: pre-wrap;
    padding: .85rem;
    box-sizing: border-box;
    width: 100%;
    font-family: monospace
}

@media screen and (max-width: 861px) {
    .excalidraw .ttd-dialog-panel textarea {
        width:auto;
        height: 10rem
    }
}

.excalidraw .ttd-dialog-panel-button-container {
    margin-top: 1rem;
    margin-bottom: .5rem
}

.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button {
    display: none
}

@media screen and (min-width: 861px) {
    .excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button {
        display:block;
        visibility: hidden
    }
}

.excalidraw .ttd-dialog-panel-button {
    position: relative
}

.excalidraw .ttd-dialog-panel-button.excalidraw-button {
    font-family: inherit;
    font-weight: 600;
    height: 2.5rem;
    font-size: 12px;
    color: #fff;
    background-color: var(--color-primary);
    width: 100%
}

.excalidraw .ttd-dialog-panel-button.excalidraw-button:hover {
    background-color: var(--color-primary-darker)
}

.excalidraw .ttd-dialog-panel-button.excalidraw-button:active {
    background-color: var(--color-primary-darkest)
}

.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled:hover {
    background-color: var(--color-primary)
}

@media screen and (min-width: 861px) {
    .excalidraw .ttd-dialog-panel-button.excalidraw-button {
        width:auto;
        min-width: 7.5rem
    }
}

.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button.excalidraw-button {
    color: var(--color-gray-100)
}

.excalidraw .ttd-dialog-panel-button div {
    display: contents
}

.excalidraw .ttd-dialog-panel-button div.invisible {
    visibility: hidden
}

.excalidraw .ttd-dialog-panel-button div.Spinner {
    display: flex!important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --spinner-color: white
}

.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button div.Spinner {
    --spinner-color: var(--color-gray-100)
}

.excalidraw .ttd-dialog-panel-button div span {
    padding-left: .5rem;
    display: flex
}

.excalidraw .ttd-dialog-submit-shortcut {
    margin-inline-start:.5rem;font-size: .625rem;
    opacity: .6;
    display: flex;
    gap: .125rem
}

.excalidraw .ttd-dialog-submit-shortcut__key {
    border: 1px solid gray;
    padding: 2px 3px;
    border-radius: 4px
}

.excalidraw .drag-input-container {
    display: flex;
    width: 100%
}

.excalidraw .drag-input-container:focus-within {
    box-shadow: 0 0 0 1px var(--color-primary-darkest);
    border-radius: var(--border-radius-md)
}

.excalidraw .disabled {
    opacity: .5;
    pointer-events: none
}

.excalidraw .drag-input-label {
    flex-shrink: 0;
    border: 1px solid var(--default-border-color);
    border-right: 0;
    padding: 0 .5rem 0 .75rem;
    min-width: 1rem;
    height: 2rem;
    box-sizing: border-box;
    color: var(--popup-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

:root[dir=ltr] .excalidraw .drag-input-label {
    border-radius: var(--border-radius-md) 0 0 var(--border-radius-md)
}

:root[dir=rtl] .excalidraw .drag-input-label {
    border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
    border-right: 1px solid var(--default-border-color);
    border-left: 0
}

.excalidraw .drag-input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    font-size: .875rem;
    font-family: inherit;
    background-color: transparent;
    color: var(--text-primary-color);
    border: 0;
    outline: none;
    height: 2rem;
    border: 1px solid var(--default-border-color);
    border-left: 0;
    letter-spacing: .4px;
    padding: .5rem .5rem .5rem .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

:root[dir=ltr] .excalidraw .drag-input {
    border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0
}

:root[dir=rtl] .excalidraw .drag-input {
    border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
    border-left: 1px solid var(--default-border-color);
    border-right: 0
}

.excalidraw .drag-input:focus-visible {
    box-shadow: none
}

.exc-stats {
    width: 204px;
    position: absolute;
    top: 60px;
    font-size: 12px;
    z-index: var(--zIndex-layerUI);
    pointer-events: var(--ui-pointerEvents)
}

:root[dir=rtl] .exc-stats {
    left: 12px;
    right: initial
}

.exc-stats h2 {
    font-size: 1.5em;
    margin-block-start:.83em;margin-block-end:.83em;font-weight: 700
}

.exc-stats h3 {
    white-space: nowrap;
    font-size: 1.17em;
    margin: 0;
    font-weight: 700
}

.exc-stats__rows {
    display: flex;
    flex-direction: column;
    gap: .3125rem
}

.exc-stats__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: grid;
    gap: 4px
}

.exc-stats__row div+div {
    text-align: right
}

.exc-stats__row--heading {
    text-align: center;
    font-weight: 700;
    margin: .25rem 0
}

.exc-stats .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

.exc-stats .title h2 {
    margin: 0
}

.exc-stats .close {
    height: 16px;
    width: 16px;
    cursor: pointer
}

.exc-stats .close svg {
    width: 100%;
    height: 100%
}

.excalidraw .ElementLinkDialog {
    position: absolute;
    top: var(--editor-container-padding);
    left: var(--editor-container-padding);
    z-index: var(--zIndex-modal);
    border-radius: 10px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: var(--shadow-island);
    background-color: var(--island-bg-color)
}

.excalidraw--mobile.excalidraw .ElementLinkDialog {
    left: 0;
    margin-left: .5rem;
    margin-right: .5rem;
    width: calc(100% - 1rem);
    box-sizing: border-box;
    z-index: 5
}

.excalidraw .ElementLinkDialog .ElementLinkDialog__header {
    margin-bottom: 1.5rem
}

.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2 {
    margin-top: 0;
    margin-bottom: .5rem
}

.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2 {
    font-size: 1.25rem
}

.excalidraw .ElementLinkDialog .ElementLinkDialog__header p {
    margin: 0
}

.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header p {
    font-size: .875rem
}

.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header {
    margin-bottom: 1rem
}

.excalidraw .ElementLinkDialog .ElementLinkDialog__input {
    display: flex
}

.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__input-field {
    flex: 1
}

.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove {
    color: #c92a2a;
    margin-left: 1rem
}

.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon {
    width: 2rem;
    height: 2rem
}

.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon svg {
    color: #fa5252
}

.excalidraw .ElementLinkDialog .ElementLinkDialog__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem
}

.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__actions {
    font-size: .875rem;
    margin-top: 1rem
}

.excalidraw .layer-ui__wrapper.animate {
    transition: width .1s ease-in-out
}

.excalidraw .layer-ui__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: var(--zIndex-layerUI)
}

.excalidraw .layer-ui__wrapper__top-right {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: .75rem;
    pointer-events: none!important
}

.excalidraw .layer-ui__wrapper__top-right>* {
    pointer-events: var(--ui-pointerEvents)
}

.excalidraw .layer-ui__wrapper__footer {
    width: 100%
}

.excalidraw .layer-ui__wrapper__footer-right {
    z-index: 100;
    display: flex
}

.excalidraw .layer-ui__wrapper .zen-mode-transition {
    transition: transform .5s ease-in-out
}

:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left {
    transform: translate(-999px)
}

:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right {
    transform: translate(999px)
}

:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left {
    transform: translate(999px)
}

:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right {
    transform: translate(-999px)
}

.excalidraw .layer-ui__wrapper .zen-mode-transition.layer-ui__wrapper__footer-left--transition-bottom {
    transform: translateY(92px)
}

.excalidraw .layer-ui__wrapper .disable-zen-mode {
    padding: 10px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0s,opacity .5s;
    font-family: var(--ui-font);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--default-border-color);
    background-color: var(--island-bg-color);
    color: var(--text-primary-color)
}

[dir=ltr] .excalidraw .layer-ui__wrapper .disable-zen-mode {
    right: 1rem
}

[dir=rtl] .excalidraw .layer-ui__wrapper .disable-zen-mode {
    left: 1rem
}

.excalidraw .layer-ui__wrapper .disable-zen-mode:hover {
    background-color: var(--button-hover-bg)
}

.excalidraw .layer-ui__wrapper .disable-zen-mode:active {
    border-color: var(--color-primary)
}

.excalidraw .layer-ui__wrapper .disable-zen-mode--visible {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s linear .3s,opacity .5s;
    transition-delay: .8s;
    pointer-events: var(--ui-pointerEvents)
}

.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-left>*,.excalidraw .layer-ui__wrapper .footer-center>*,.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right>* {
    pointer-events: var(--ui-pointerEvents)
}

.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right {
    margin-top: auto;
    margin-bottom: auto
}

.excalidraw .App-toolbar.zen-mode .ToolIcon__keybinding,.excalidraw .App-toolbar.zen-mode .HintViewer {
    display: none
}

.excalidraw .App-toolbar__divider {
    width: 1px;
    height: 1.5rem;
    align-self: center;
    background-color: var(--default-border-color);
    margin: 0 .25rem
}

.excalidraw--mobile.excalidraw .App-toolbar__divider {
    margin: 0
}

.excalidraw .App-toolbar__extra-tools-trigger {
    box-shadow: none;
    border: 0;
    background-color: transparent
}

.excalidraw .App-toolbar__extra-tools-trigger:active {
    background-color: var(--button-hover-bg);
    box-shadow: 0 0 0 1px var(--button-active-border, var(--color-primary-darkest)) inset
}

.excalidraw .App-toolbar__extra-tools-trigger--selected,.excalidraw .App-toolbar__extra-tools-trigger--selected:hover {
    background: var(--color-primary-light);
    color: var(--color-primary)
}

.excalidraw .App-toolbar__extra-tools-dropdown {
    margin-top: .375rem;
    right: 0;
    min-width: 11.875rem;
    z-index: 1
}

.excalidraw .Toast {
    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
}

.excalidraw .Toast .Toast__message {
    padding: 0 1.6rem;
    color: var(--popup-text-color);
    white-space: pre-wrap
}

.excalidraw .Toast .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .4rem
}

.excalidraw .Toast .close .ToolIcon__icon {
    width: 1.2rem;
    height: 1.2rem
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.excalidraw .SVGLayer {
    pointer-events: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--zIndex-svgLayer)
}

.excalidraw .SVGLayer svg {
    image-rendering: auto;
    overflow: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.excalidraw .excalidraw-canvas-buttons {
    position: absolute;
    box-shadow: 0 2px 4px #0000004d;
    z-index: var(--zIndex-canvasButtons);
    background: var(--island-bg-color);
    border-radius: var(--border-radius-lg);
    display: flex;
    flex-direction: column;
    gap: .375rem
}

.excalidraw .follow-mode {
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    border: 2px solid var(--color-primary-hover);
    z-index: 9999;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.excalidraw .follow-mode__badge {
    background-color: var(--color-primary-hover);
    color: var(--color-primary-light);
    padding: .25rem .5rem;
    margin-bottom: .5rem;
    border-radius: .5rem;
    pointer-events: all;
    font-size: .75rem;
    display: flex;
    gap: .5rem;
    align-items: center
}

.excalidraw .follow-mode__badge__label {
    display: flex;
    white-space: pre-wrap;
    line-height: 1
}

.excalidraw .follow-mode__badge__username {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px
}

.excalidraw .follow-mode__disconnect-btn {
    all: unset;
    cursor: pointer;
    border-radius: .25rem
}

.excalidraw .follow-mode__disconnect-btn:hover {
    background-color: var(--color-primary-darker)
}

.excalidraw .follow-mode__disconnect-btn:active {
    background-color: var(--color-primary-darkest)
}

.excalidraw .follow-mode__disconnect-btn svg {
    display: block;
    width: 1rem;
    height: 1rem
}

.visually-hidden {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none
}

.LoadingMessage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.LoadingMessage .Spinner {
    font-size: 2.8em
}

.LoadingMessage .LoadingMessage-text {
    margin-top: 1em;
    font-size: .8em
}

.LoadingMessage--dark {
    background-color: #121212;
    color: #ced4da
}

.excalidraw {
    --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,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4" viewBox="0 0 292 292"><path d="M287 197L159 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: #ffffff;
    --input-bg-color: #ffffff;
    --input-border-color: #ced4da;
    --input-hover-bg-color: #f1f3f5;
    --input-label-color: #495057;
    --island-bg-color: #ffffff;
    --keybinding-color: var(--color-gray-40);
    --link-color: #1c7ed6;
    --overlay-bg-color: rgba(255, 255, 255, .88);
    --popup-bg-color: var(--island-bg-color);
    --popup-secondary-bg-color: #f1f3f5;
    --popup-text-color: #000000;
    --popup-text-inverted-color: #ffffff;
    --select-highlight-color: #339af0;
    --shadow-island: 0px 0px .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);
    --color-slider-track: hsl(240, 100%, 90%);
    --color-slider-thumb: var(--color-gray-80);
    --modal-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);
    --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, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);
    --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: .25rem;
    --text-primary-color: var(--color-on-surface);
    --color-selection: #6965db;
    --color-icon-white: #ffffff;
    --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: #999999;
    --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-disabled: var(--color-gray-40);
    --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: black;
    --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: var(--color-primary);
    --color-success: #cafccc;
    --color-success-darker: #bafabc;
    --color-success-darkest: #a5eba8;
    --color-success-text: #268029;
    --color-success-contrast: #65bb6a;
    --color-success-contrast-hover: #6bcf70;
    --color-success-contrast-active: #6edf74;
    --color-logo-icon: var(--color-primary);
    --color-logo-text: #190064;
    --border-radius-md: .375rem;
    --border-radius-lg: .5rem;
    --color-surface-high: #f1f0ff;
    --color-surface-mid: #f2f2f7;
    --color-surface-low: #ececf4;
    --color-surface-lowest: #ffffff;
    --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;
    --color-badge: #0b6513;
    --background-color-badge: #d3ffd2
}

@media screen and (min-device-width: 1921px) {
    .excalidraw {
        --lg-button-size: 2.5rem;
        --lg-icon-size: 1.25rem;
        --default-button-size: 2.25rem;
        --default-icon-size: 1.25rem
    }
}

.excalidraw.theme--dark.theme--dark-background-none {
    background: none
}

.excalidraw.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,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4" viewBox="0 0 292 292"><path fill="%23ced4da" d="M287 197L159 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: #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 .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, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);
    --avatar-border-color: var(--color-gray-85);
    --scrollbar-thumb: #343a40;
    --scrollbar-thumb-hover: #495057;
    --color-slider-track: hsl(244, 23%, 39%);
    --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-disabled: var(--color-gray-70);
    --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-logo-text: #e2dfff;
    --color-surface-high: hsl(245, 10%, 21%);
    --color-surface-low: hsl(240, 8%, 15%);
    --color-surface-mid: hsl(240 6% 10%);
    --color-surface-lowest: hsl(0, 0%, 7%);
    --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
}

:root {
    --zIndex-canvas: 1;
    --zIndex-interactiveCanvas: 2;
    --zIndex-svgLayer: 3;
    --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)
}

body.excalidraw-cursor-resize,body.excalidraw-cursor-resize a:hover,body.excalidraw-cursor-resize * {
    cursor: ew-resize
}

.excalidraw {
    --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-family: var(--ui-font);
    position: relative;
    overflow: hidden;
    color: var(--text-primary-color);
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    user-select: none
}

.excalidraw button {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.excalidraw:focus {
    outline: none
}

.excalidraw .excalidraw-link,.excalidraw a {
    font-weight: 500;
    text-decoration: none;
    color: var(--link-color);
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.excalidraw .excalidraw-link:hover,.excalidraw a:hover {
    text-decoration: underline
}

.excalidraw .excalidraw-link:active,.excalidraw a:active {
    text-decoration: none
}

.excalidraw canvas {
    touch-action: none;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    z-index: var(--zIndex-canvas)
}

.excalidraw canvas.interactive {
    z-index: var(--zIndex-interactiveCanvas)
}

.excalidraw__canvas-wrapper,.excalidraw__canvas.static {
    pointer-events: none
}

.excalidraw__canvas {
    position: absolute
}

.excalidraw__embeddable {
    width: 100%;
    height: 100%;
    border: 0
}

.excalidraw__embeddable-container {
    position: absolute;
    z-index: 2;
    transform-origin: top left;
    pointer-events: none
}

.excalidraw.theme--dark canvas {
    filter: var(--theme-filter)
}

.excalidraw .FixedSideContainer {
    padding-top: var(--sat, 0);
    padding-right: var(--sar, 0);
    padding-bottom: var(--sab, 0);
    padding-left: var(--sal, 0)
}

.excalidraw .panelRow {
    display: flex;
    justify-content: space-between
}

.excalidraw .panelColumn {
    display: flex;
    flex-direction: column;
    row-gap: .75rem
}

.excalidraw .panelColumn h3,.excalidraw .panelColumn legend,.excalidraw .panelColumn .control-label {
    margin: 0;
    margin-bottom: .25rem;
    font-size: .75rem;
    color: var(--text-primary-color);
    font-weight: 400;
    display: block
}

.excalidraw .panelColumn .control-label input {
    display: block;
    width: 100%
}

.excalidraw .panelColumn legend {
    padding: 0
}

.excalidraw .panelColumn .iconSelectList {
    flex-wrap: wrap;
    position: relative
}

.excalidraw .panelColumn .buttonList {
    flex-wrap: wrap;
    display: flex;
    column-gap: .5rem;
    row-gap: .5rem
}

.excalidraw .panelColumn .buttonList label {
    font-size: .75rem
}

.excalidraw .panelColumn .buttonList input[type=radio],.excalidraw .panelColumn .buttonList input[type=button] {
    opacity: 0;
    position: absolute;
    pointer-events: none
}

.excalidraw .panelColumn .buttonList .iconRow {
    margin-top: 8px
}

.excalidraw .panelColumn fieldset {
    margin: 0;
    padding: 0;
    border: none
}

.excalidraw .divider {
    width: 1px;
    background-color: #e9ecef;
    margin: 1px
}

.excalidraw .welcome-screen-menu-item:focus-visible,.excalidraw .dropdown-menu-item:focus-visible,.excalidraw button:focus-visible,.excalidraw .buttonList label:focus-within,.excalidraw input:focus-visible {
    outline: transparent;
    box-shadow: 0 0 0 1px var(--color-brand-hover)
}

.excalidraw .buttonList .ToolIcon__icon {
    all: unset!important;
    display: flex!important
}

.excalidraw .buttonList button {
    background-color: transparent
}

.excalidraw .buttonList label,.excalidraw .buttonList button,.excalidraw .buttonList .zIndexButton {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    width: var(--button-width, var(--default-button-size));
    height: var(--button-height, var(--default-button-size));
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--button-border, var(--default-border-color));
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    background-color: var(--button-bg, var(--island-bg-color));
    color: var(--button-color, var(--color-on-surface));
    font-family: var(--ui-font);
    padding: 0
}

.excalidraw .buttonList label svg,.excalidraw .buttonList button svg,.excalidraw .buttonList .zIndexButton svg {
    width: var(--button-width, var(--lg-icon-size));
    height: var(--button-height, var(--lg-icon-size))
}

.excalidraw .buttonList label:hover,.excalidraw .buttonList button:hover,.excalidraw .buttonList .zIndexButton:hover {
    background-color: var(--button-hover-bg, var(--island-bg-color));
    border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
    color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))
}

.excalidraw .buttonList label:active,.excalidraw .buttonList button:active,.excalidraw .buttonList .zIndexButton:active {
    background-color: var(--button-active-bg, var(--island-bg-color));
    border-color: var(--button-active-border, var(--color-primary-darkest))
}

.excalidraw .buttonList label.active,.excalidraw .buttonList button.active,.excalidraw .buttonList .zIndexButton.active {
    background-color: var(--button-selected-bg, var(--color-surface-primary-container));
    border-color: var(--button-selected-border, var(--color-surface-primary-container))
}

.excalidraw .buttonList label.active:hover,.excalidraw .buttonList button.active:hover,.excalidraw .buttonList .zIndexButton.active:hover {
    background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container))
}

.excalidraw .buttonList label.active svg,.excalidraw .buttonList button.active svg,.excalidraw .buttonList .zIndexButton.active svg {
    color: var(--button-color, var(--color-on-primary-container))
}

.excalidraw .buttonList label svg,.excalidraw .buttonList button svg,.excalidraw .buttonList .zIndexButton svg {
    width: var(--default-icon-size);
    height: var(--default-icon-size)
}

.excalidraw .App-top-bar {
    z-index: var(--zIndex-layerUI);
    display: flex;
    flex-direction: column;
    align-items: center
}

.excalidraw .App-bottom-bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --bar-padding: calc(4 * var(--space-factor));
    padding-top: max(var(--bar-padding),var(--sat,0));
    padding-right: var(--sar, 0);
    padding-bottom: var(--sab, 0);
    padding-left: var(--sal, 0);
    z-index: 4;
    display: flex;
    align-items: flex-end;
    pointer-events: none
}

.excalidraw .App-bottom-bar>.Island {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    pointer-events: var(--ui-pointerEvents)
}

.excalidraw .App-bottom-bar>.Island .panelColumn {
    padding: 8px 8px 0
}

.excalidraw .App-toolbar {
    width: 100%
}

.excalidraw .App-toolbar .eraser.ToolIcon:hover {
    --icon-fill-color: #fff;
    --keybinding-color: #fff
}

.excalidraw .App-toolbar .eraser.active {
    background-color: var(--color-primary)
}

.excalidraw .App-toolbar-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px
}

.excalidraw .App-toolbar-content .dropdown-menu--mobile {
    bottom: 55px;
    top: auto
}

.excalidraw .App-mobile-menu {
    width: 100%;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
    margin-bottom: var(--bar-padding)
}

.excalidraw .App-menu {
    display: grid;
    color: var(--icon-fill-color)
}

.excalidraw .shapes-section {
    display: flex;
    justify-content: center;
    pointer-events: none!important
}

.excalidraw .shapes-section>* {
    pointer-events: var(--ui-pointerEvents)
}

.excalidraw .App-menu_top {
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 2rem;
    align-items: flex-start;
    cursor: default;
    pointer-events: none!important
}

.excalidraw .App-menu_top>* {
    pointer-events: var(--ui-pointerEvents)
}

@media (min-width: 1536px) {
    .excalidraw .App-menu_top {
        grid-template-columns:1fr 1fr 1fr;
        grid-gap: 3rem
    }
}

.excalidraw .App-menu_top>*:first-child {
    justify-self: flex-start
}

.excalidraw .App-menu_top>*:last-child {
    justify-self: flex-end
}

.excalidraw .App-menu_bottom {
    position: absolute;
    bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    cursor: default;
    pointer-events: none!important;
    box-sizing: border-box;
    padding: 0 1rem
}

.excalidraw .App-menu_bottom--transition-left section {
    width: 185px
}

.excalidraw .App-menu_bottom section {
    display: flex
}

.excalidraw .App-menu_bottom>*:first-child {
    justify-self: flex-start
}

.excalidraw .App-menu_bottom>*:last-child {
    justify-self: flex-end
}

.excalidraw .App-menu_left {
    grid-template-rows: 1fr auto 1fr;
    height: 100%
}

.excalidraw .App-menu_right {
    grid-template-rows: 1fr;
    height: 100%
}

.excalidraw .App-menu__left {
    overflow-y: auto;
    padding: .75rem;
    width: 12.5rem;
    box-sizing: border-box;
    position: absolute
}

.excalidraw .dropdown-select {
    height: 1.5rem;
    padding: 0;
    padding-inline-start:.5rem;padding-inline-end:1.5rem;color: var(--icon-fill-color);
    background-color: var(--button-gray-1);
    border-radius: var(--space-factor);
    border: 1px solid var(--button-gray-2);
    font-size: .8rem;
    font-family: inherit;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: var(--dropdown-icon);
    background-repeat: no-repeat;
    background-position: right .7rem top 50%,0 0;
    background-size: .65em auto,100%
}

:root[dir=rtl] .excalidraw .dropdown-select {
    background-position: left .7rem top 50%,0 0
}

.excalidraw .dropdown-select:focus {
    box-shadow: 0 0 0 2px var(--focus-highlight-color)
}

.excalidraw .dropdown-select:hover,.excalidraw .dropdown-select:active {
    background-color: var(--button-gray-2)
}

.excalidraw .dropdown-select__language {
    height: 2rem;
    background-color: var(--island-bg-color);
    border-color: var(--default-border-color)!important;
    cursor: pointer
}

.excalidraw .dropdown-select__language:hover {
    background-color: var(--island-bg-color)
}

.excalidraw .scroll-back-to-content {
    border-radius: var(--border-radius-lg);
    background-color: var(--island-bg-color);
    color: var(--icon-fill-color);
    border: 1px solid var(--default-border-color);
    padding: 10px 20px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%);
    pointer-events: var(--ui-pointerEvents);
    font-family: inherit
}

.excalidraw .scroll-back-to-content:hover {
    background-color: var(--button-hover-bg)
}

.excalidraw .scroll-back-to-content:active {
    border: 1px solid var(--button-active-border)
}

.excalidraw .help-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
    width: var(--button-width, var(--default-button-size));
    height: var(--button-height, var(--default-button-size));
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--button-border, var(--default-border-color));
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    background-color: var(--button-bg, var(--island-bg-color));
    color: var(--button-color, var(--color-on-surface));
    font-family: var(--ui-font);
    border: none;
    box-shadow: 0 0 0 1px var(--color-surface-lowest);
    background-color: var(--color-surface-low);
    width: var(--lg-button-size);
    height: var(--lg-button-size)
}

.excalidraw .help-icon svg {
    width: var(--button-width, var(--lg-icon-size));
    height: var(--button-height, var(--lg-icon-size))
}

.excalidraw .help-icon:hover {
    background-color: var(--button-hover-bg, var(--island-bg-color));
    border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
    color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))
}

.excalidraw .help-icon:active {
    background-color: var(--button-active-bg, var(--island-bg-color));
    border-color: var(--button-active-border, var(--color-primary-darkest))
}

.excalidraw .help-icon.active {
    background-color: var(--button-selected-bg, var(--color-surface-primary-container));
    border-color: var(--button-selected-border, var(--color-surface-primary-container))
}

.excalidraw .help-icon.active:hover {
    background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container))
}

.excalidraw .help-icon.active svg {
    color: var(--button-color, var(--color-on-primary-container))
}

.excalidraw .help-icon:active {
    box-shadow: 0 0 0 1px var(--color-brand-active)
}

.excalidraw .help-icon svg {
    width: var(--lg-icon-size);
    height: var(--lg-icon-size)
}

.excalidraw .reset-zoom-button {
    font-family: var(--ui-font)
}

.excalidraw .finalize-button {
    display: grid;
    grid-auto-flow: column;
    gap: .4em;
    margin-top: auto;
    margin-bottom: auto;
    margin-inline-start:.6em}

.excalidraw .undo-redo-buttons,.excalidraw .eraser-buttons {
    display: grid;
    grid-auto-flow: column;
    margin-top: auto;
    margin-bottom: auto;
    margin-inline-start:.6em}

.excalidraw--mobile.excalidraw aside {
    display: none
}

.excalidraw--mobile.excalidraw .scroll-back-to-content {
    bottom: calc(80px + var(--sab, 0));
    z-index: -1
}

:root[dir=rtl] .excalidraw .rtl-mirror {
    transform: scaleX(-1)
}

.excalidraw .zen-mode-visibility {
    visibility: visible;
    opacity: 1;
    height: auto;
    width: auto;
    transition: opacity .5s
}

.excalidraw .zen-mode-visibility.zen-mode-visibility--hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    transition: opacity .5s
}

.excalidraw .disable-pointerEvents {
    pointer-events: none!important
}

.excalidraw.excalidraw--view-mode .App-menu {
    display: flex;
    justify-content: space-between
}

.excalidraw input.is-redacted {
    -webkit-text-security: disc
}

.excalidraw input[type=text],.excalidraw textarea:not(.excalidraw-wysiwyg) {
    color: var(--text-primary-color);
    border: 1.5px solid var(--input-border-color);
    padding: .75rem;
    white-space: nowrap;
    border-radius: var(--space-factor);
    background-color: var(--input-bg-color)
}

.excalidraw input[type=text]:not(:focus):hover,.excalidraw textarea:not(.excalidraw-wysiwyg):not(:focus):hover {
    border-color: var(--color-brand-hover)
}

.excalidraw input[type=text]:focus,.excalidraw textarea:not(.excalidraw-wysiwyg):focus {
    outline: none;
    border-color: var(--color-brand-hover)
}

@media print {
    .excalidraw .App-bottom-bar,.excalidraw .FixedSideContainer,.excalidraw .layer-ui__wrapper {
        display: none
    }
}

.excalidraw ::-webkit-scrollbar {
    width: 4px;
    height: 3px
}

.excalidraw select::-webkit-scrollbar {
    width: 10px
}

.excalidraw ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 10px
}

.excalidraw ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover)
}

.excalidraw ::-webkit-scrollbar-thumb:active {
    background: var(--scrollbar-thumb)
}

.excalidraw .mobile-misc-tools-container {
    position: absolute;
    top: calc(5rem - var(--editor-container-padding));
    right: calc(var(--editor-container-padding) * -1);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--sidebar-border-color);
    border-top-left-radius: var(--border-radius-lg);
    border-bottom-left-radius: var(--border-radius-lg);
    border-right: 0;
    overflow: hidden;
    background-color: var(--island-bg-color)
}

.excalidraw .mobile-misc-tools-container .ToolIcon__icon {
    width: 2rem;
    height: 2rem;
    border-radius: 0
}

.excalidraw .mobile-misc-tools-container .default-sidebar-trigger {
    border: 0
}

.excalidraw .App-toolbar--mobile {
    overflow: visible;
    max-width: 98vw
}

.excalidraw .App-toolbar--mobile .ToolIcon__keybinding {
    display: none
}

.excalidraw .UserList-Wrapper {
    margin: 0;
    padding: 0;
    border: none;
    text-align: left
}

.excalidraw .UserList-Wrapper legend {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    margin: 0 0 .25rem;
    padding: 0
}

.excalidraw .main-menu-trigger {
    border: none;
    box-shadow: 0 0 0 1px var(--color-surface-lowest);
    background-color: var(--color-surface-low)
}

.excalidraw .main-menu-trigger:active {
    box-shadow: 0 0 0 1px var(--color-brand-active)
}

.excalidraw .App-mobile-menu,.excalidraw .App-menu__left {
    --button-border: transparent;
    --button-bg: var(--color-surface-mid)
}

.excalidraw.theme--dark.excalidraw .App-mobile-menu,.excalidraw.theme--dark.excalidraw .App-menu__left {
    --button-hover-bg: #363541;
    --button-bg: var(--color-surface-high)
}

.excalidraw .App-menu__left .buttonList {
    padding: .25rem 0
}

.excalidraw .excalidraw__paragraph {
    margin: 1rem 0
}

.excalidraw .Modal__content .excalidraw__paragraph:first-child {
    margin-top: 0
}

.excalidraw .Modal__content .excalidraw__paragraph+.excalidraw__paragraph {
    margin-top: 0rem
}

.ErrorSplash.excalidraw {
    min-height: 100vh;
    padding: 20px 0;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: text;
    user-select: text
}

.ErrorSplash.excalidraw .ErrorSplash-messageContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background-color: #ffe3e3;
    border: 3px solid #c92a2a
}

.ErrorSplash.excalidraw .ErrorSplash-paragraph {
    margin: 15px 0;
    max-width: 600px
}

.ErrorSplash.excalidraw .ErrorSplash-paragraph.align-center {
    text-align: center
}

.ErrorSplash.excalidraw .bigger,.ErrorSplash.excalidraw .bigger button {
    font-size: 1.1em
}

.ErrorSplash.excalidraw .smaller,.ErrorSplash.excalidraw .smaller button {
    font-size: .9em
}

.ErrorSplash.excalidraw .ErrorSplash-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.ErrorSplash.excalidraw .ErrorSplash-details textarea {
    width: 100%;
    margin: 10px 0;
    font-family: Cascadia;
    font-size: .8em
}

.excalidraw__embeddable-container .excalidraw__embeddable-container__inner {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--embeddable-radius)
}

.excalidraw__embeddable-container .excalidraw__embeddable__outer {
    width: 100%;
    height: 100%
}

.excalidraw__embeddable-container .excalidraw__embeddable__outer>* {
    border-radius: var(--embeddable-radius)
}

.excalidraw__embeddable-container .excalidraw__embeddable-hint {
    position: absolute;
    z-index: 1;
    background: #00000080;
    padding: 1rem 1.6rem;
    border-radius: 12px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .6px;
    font-family: Assistant
}

@font-face {
    font-family: Assistant;
    src: url(/assets/Assistant-Regular-DVxZuzxb.woff2) format("woff2");
    font-weight: 400;
    style:normal;display:swap}

@font-face {
    font-family: Assistant;
    src: url(/assets/Assistant-Medium-DrcxCXg3.woff2) format("woff2");
    font-weight: 500;
    style:normal;display:swap}

@font-face {
    font-family: Assistant;
    src: url(/assets/Assistant-SemiBold-SCI4bEL9.woff2) format("woff2");
    font-weight: 600;
    style:normal;display:swap}

@font-face {
    font-family: Assistant;
    src: url(/assets/Assistant-Bold-gm-uSS1B.woff2) format("woff2");
    font-weight: 700;
    style:normal;display:swap}

.footer-center {
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    margin-inline-end:.6rem}

.footer-center>* {
    pointer-events: var(--ui-pointerEvents)
}

.excalidraw .ExcalidrawLogo {
    --logo-icon--xs: 2rem;
    --logo-text--xs: 1.5rem;
    --logo-icon--small: 2.5rem;
    --logo-text--small: 1.75rem;
    --logo-icon--normal: 3rem;
    --logo-text--normal: 2.2rem;
    --logo-icon--large: 90px;
    --logo-text--large: 65px;
    display: flex;
    align-items: center
}

.excalidraw .ExcalidrawLogo svg {
    flex: 0 0 auto
}

.excalidraw .ExcalidrawLogo .ExcalidrawLogo-icon {
    width: auto;
    color: var(--color-logo-icon)
}

.excalidraw .ExcalidrawLogo .ExcalidrawLogo-text {
    margin-left: .75rem;
    width: auto;
    color: var(--color-logo-text)
}

.excalidraw .ExcalidrawLogo.is-xs .ExcalidrawLogo-icon {
    height: var(--logo-icon--xs)
}

.excalidraw .ExcalidrawLogo.is-xs .ExcalidrawLogo-text {
    height: var(--logo-text--xs)
}

.excalidraw .ExcalidrawLogo.is-small .ExcalidrawLogo-icon {
    height: var(--logo-icon--small)
}

.excalidraw .ExcalidrawLogo.is-small .ExcalidrawLogo-text {
    height: var(--logo-text--small)
}

.excalidraw .ExcalidrawLogo.is-normal .ExcalidrawLogo-icon {
    height: var(--logo-icon--normal)
}

.excalidraw .ExcalidrawLogo.is-normal .ExcalidrawLogo-text {
    height: var(--logo-text--normal)
}

.excalidraw .ExcalidrawLogo.is-large .ExcalidrawLogo-icon {
    height: var(--logo-icon--large)
}

.excalidraw .ExcalidrawLogo.is-large .ExcalidrawLogo-text {
    height: var(--logo-text--large)
}

.excalidraw .excalifont {
    font-family: Excalifont,Xiaolai
}

.excalidraw .welcome-screen-decor {
    pointer-events: none;
    color: var(--color-gray-40)
}

.excalidraw .welcome-screen-decor a {
    --color: var(--color-primary);
    color: var(--color);
    text-decoration: none;
    margin-bottom: -6px
}

.excalidraw.theme--dark .welcome-screen-decor {
    color: var(--color-gray-60)
}

@media (max-height: 599px) {
    .excalidraw .welcome-screen-decor-hint {
        display:none!important
    }
}

@media (max-width: 1024px),(max-width: 800px) {
    .excalidraw .welcome-screen-decor-hint .welcome-screen-decor--help,.excalidraw .welcome-screen-decor-hint .welcome-screen-decor--menu {
        display:none
    }
}

.excalidraw .welcome-screen-decor-hint--help {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%
}

:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help {
    left: 0;
    right: auto
}

.excalidraw .welcome-screen-decor-hint--help svg {
    margin-top: .5rem;
    width: 85px;
    height: 71px;
    transform: scaleX(-1) rotate(80deg)
}

:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help svg {
    transform: rotate(80deg)
}

.excalidraw .welcome-screen-decor-hint--toolbar {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 2.5rem;
    display: flex;
    align-items: baseline
}

.excalidraw .welcome-screen-decor-hint--toolbar .welcome-screen-decor-hint__label {
    width: 120px;
    position: relative;
    top: -.5rem
}

.excalidraw .welcome-screen-decor-hint--toolbar svg {
    width: 38px;
    height: 78px
}

:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--toolbar svg {
    transform: scaleX(-1)
}

.excalidraw .welcome-screen-decor-hint--menu {
    position: absolute;
    width: 320px;
    font-size: 1rem;
    top: 100%;
    margin-top: .25rem;
    margin-inline-start:.6rem;display: flex;
    align-items: flex-end;
    gap: .5rem
}

.excalidraw .welcome-screen-decor-hint--menu svg {
    width: 41px;
    height: 94px
}

:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--menu svg {
    transform: scaleX(-1)
}

@media (max-width: 860px) {
    .excalidraw .welcome-screen-decor-hint--menu .welcome-screen-decor-hint__label {
        max-width:160px
    }
}

.excalidraw .welcome-screen-center {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    position: absolute;
    pointer-events: none;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem
}

.excalidraw .welcome-screen-center__logo {
    display: flex;
    align-items: center;
    column-gap: .75rem;
    font-size: 2.25rem
}

.excalidraw .welcome-screen-center__heading {
    font-size: 1.125rem;
    text-align: center
}

.excalidraw .welcome-screen-menu {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    align-items: center
}

.excalidraw .welcome-screen-menu-item {
    box-sizing: border-box;
    pointer-events: var(--ui-pointerEvents);
    color: var(--color-gray-50);
    font-size: .875rem;
    width: 100%;
    min-width: 300px;
    max-width: 400px;
    display: grid;
    align-items: center;
    justify-content: space-between;
    background: none;
    border: 1px solid transparent;
    padding: .75rem;
    border-radius: var(--border-radius-md);
    grid-template-columns: calc(var(--default-icon-size) + .5rem) 1fr 3rem
}

.excalidraw .welcome-screen-menu-item__text {
    display: flex;
    align-items: center;
    margin-right: auto;
    text-align: left;
    column-gap: .5rem
}

.excalidraw .welcome-screen-menu-item__icon {
    width: var(--default-icon-size);
    height: var(--default-icon-size)
}

.excalidraw .welcome-screen-menu-item__shortcut {
    margin-left: auto;
    color: var(--color-gray-40);
    font-size: .75rem
}

.excalidraw .welcome-screen-menu-item:hover {
    text-decoration: none;
    background: var(--button-hover-bg)
}

.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__text {
    color: var(--color-gray-100)
}

.excalidraw .welcome-screen-menu-item:active {
    background: var(--button-hover-bg);
    border-color: var(--color-brand-active)
}

.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__text {
    color: var(--color-gray-100)
}

.excalidraw.theme--dark .welcome-screen-menu-item,.excalidraw.theme--dark .welcome-screen-menu-item__shortcut {
    color: var(--color-gray-60)
}

.excalidraw.theme--dark .welcome-screen-menu-item:hover {
    background-color: var(--color-surface-low)
}

.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__text,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__text {
    color: var(--color-gray-10)
}

@media (max-height: 599px) {
    .excalidraw .welcome-screen-center {
        margin-top:4rem
    }
}

@media (min-height: 600px) and (max-height: 900px) {
    .excalidraw .welcome-screen-center {
        margin-top:8rem
    }
}

@media (max-height: 500px),(max-width: 320px) {
    .excalidraw .welcome-screen-center {
        display:none
    }
}

.excalidraw .collab-button {
    --button-bg: var(--color-primary);
    --button-color: var(--color-surface-lowest);
    --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);
    box-shadow: 0 0 0 1px var(--color-surface-lowest);
    flex-shrink: 0
}

.excalidraw .collab-button.active.active {
    background-color: #0fb884;
    border-color: #0fb884
}

.excalidraw .collab-button.active.active svg {
    color: #fff
}

.excalidraw .collab-button.active.active:hover,.excalidraw .collab-button.active.active:active {
    background-color: #0fb884;
    border-color: #0fb884
}

.excalidraw .CollabButton.is-collaborating {
    background-color: var(--button-special-active-bg-color)
}

.excalidraw .CollabButton.is-collaborating .ToolIcon__icon svg,.excalidraw .CollabButton.is-collaborating .ToolIcon__label {
    color: var(--icon-green-fill-color)
}

.excalidraw .CollabButton-collaborators {
    min-width: 1em;
    min-height: 1em;
    line-height: 1;
    position: absolute;
    bottom: -5px;
    padding: 3px;
    border-radius: 50%;
    background-color: #b2f2bb;
    color: #2b8a3e;
    font-size: .6rem;
    font-family: Cascadia
}

:root[dir=ltr] .excalidraw .CollabButton-collaborators {
    right: -5px
}

:root[dir=rtl] .excalidraw .CollabButton-collaborators {
    left: -5px
}

.ExcalidrawModal__overlay {
    display: flex;
    align-items: center;
    position: fixed;
    flex-direction: column;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-grow: 0px;
    flex-shrink: 1px;
    z-index: 100;
    background-color: #28282899
}

.ExcalidrawModal__actions {
    text-align: end;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1
}

.ExcalidrawModal__actions button {
    background-color: #fff;
    border-radius: 5px
}

.ExcalidrawModal__row {
    position: relative;
    padding: 40px 5px 5px;
    width: 70vw;
    height: 70vh;
    border-radius: 8px;
    box-shadow: 0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80
}

.ExcalidrawModal__row>div {
    border-radius: 5px
}

.ExcalidrawModal__modal {
    position: relative;
    z-index: 10;
    top: 50px;
    width: auto;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #eee
}

.ExcalidrawModal__discardModal {
    margin-top: 60px;
    text-align: center
}
.ExcalidrawModal__overlay{
    z-index: 999999999999999;
}