@import "@melloware/coloris/dist/coloris.css";


@tailwind base;
@tailwind components;
@tailwind utilities;

.editor header {
    max-width: 580px;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: center
}

.editor header a {
    max-width: 220px;
    margin: 20px 0 0;
    display: block
}

.editor header img {
    display: block;
    height: 100%;
    width: 100%
}

.editor header h1 {
    text-align: left;
    color: #333;
    display: inline-block;
    margin: 20px 0 0
}

.editor-shell {
    border: 1px solid lightgray ;
    border-radius: 5px;
    width: 100%;
    position: relative;
    line-height: 1.7;
    font-weight: 400
}

.editor-shell .editor-container {
    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: 300px;
    max-width: 100%;
    border: 0;
    display: flex;
    position: relative;
    outline: 0;
    z-index: 0;
    resize: vertical
}

.editor {
    flex: auto;
    max-width: 100%;
    min-height: 100%;
    padding: 5px;

    position: relative;
    resize: vertical;
    z-index: -1
}

.test-recorder-output {
    margin: 20px auto;
    width: 100%
}

.editor 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
}

.editor pre::-webkit-scrollbar {
    background: transparent;
    width: 10px
}

.editor 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 #0000004d;
    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 #0006;
    background-color: #222;
    transition: box-shadow 50ms ease-out
}

.test-recorder-button:active {
    box-shadow: 1px 2px 4px #0006
}

.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-popover {
    background: #fff;
    box-shadow: 0 5px 10px #0000004d;
    border-radius: 8px;
    position: fixed
}

.typeahead-popover ul {
    padding: 0;
    list-style: none;
    margin: 0;
    border-radius: 8px;
    max-height: 200px;
    overflow-y: scroll
}

.typeahead-popover ul::-webkit-scrollbar {
    display: none
}

.typeahead-popover ul {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.typeahead-popover ul li {
    margin: 0;
    min-width: 180px;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    border-radius: 8px
}

.typeahead-popover ul li.selected {
    background: #eee
}

.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-popover li.active {
    display: flex;
    width: 20px;
    height: 20px;
    background-size: contain
}

.typeahead-popover li:first-child {
    border-radius: 8px 8px 0 0
}

.typeahead-popover li:last-child {
    border-radius: 0 0 8px 8px
}

.typeahead-popover li:hover {
    background-color: #eee
}

.typeahead-popover li .text {
    display: flex;
    line-height: 20px;
    flex-grow: 1;
    min-width: 150px
}

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

.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'%20viewBox='0%200%20576%20512'%3e%3cpath%20d='M290.7%2057.4L57.4%20290.7c-25%2025-25%2065.5%200%2090.5l80%2080c12%2012%2028.3%2018.7%2045.3%2018.7L288%20480l9.4%200L512%20480c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-124.1%200L518.6%20285.3c25-25%2025-65.5%200-90.5L381.3%2057.4c-25-25-65.5-25-90.5%200zM297.4%20416l-9.4%200-105.4%200-80-80L227.3%20211.3%20364.7%20348.7%20297.4%20416z'/%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.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,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' width='14' height='14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.99 7.74'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23231f20; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.05,0L0,7.74h1.59l.66-1.67h3.5l.66,1.67h1.59L4.93,0h-1.88ZM2.83,4.59l1.17-2.95,1.17,2.95h-2.33Z'/%3E%3C/svg%3E");
    padding: 2px;
    background-origin: content-box;
    background-repeat: no-repeat;
}

.icon.bg-color {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' width='16' height='16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.67 13.83'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23231f20; fill-rule: evenodd; stroke-miterlimit: 10; %7D .cls-1, .cls-2, .cls-3 %7B stroke: %23231f20; %7D .cls-2 %7B stroke-linejoin: round; %7D .cls-2, .cls-3 %7B fill: none; stroke-width: 1.33px; %7D .cls-3 %7B stroke-linecap: round; stroke-miterlimit: 1.33; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-3' d='M6.28.67l1.18,1.18'/%3E%3Cg%3E%3Cpath class='cls-2' d='M7.23,1.61L2.04,6.8l3.77,3.77,5.19-5.19-3.77-3.77Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M11.67,11.17c.74,0,1.33-.6,1.33-1.33,0-.49-.44-1.16-1.33-2-.89.84-1.33,1.51-1.33,2,0,.74.6,1.33,1.33,1.33Z'/%3E%3Cpath class='cls-3' d='M3.33,5.52l5.65,1.86M.67,13.17h13.33'/%3E%3C/g%3E%3C/g%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.edit {
    background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22h-5%20w-5%20text-primary-500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%3Cpath%20d%3D%22m5.433%2013.917%201.262-3.155A4%204%200%200%201%207.58%209.42l6.92-6.918a2.121%202.121%200%200%201%203%203l-6.92%206.918c-.383.383-.84.685-1.343.886l-3.154%201.262a.5.5%200%200%201-.65-.65Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.5%205.75c0-.69.56-1.25%201.25-1.25H10A.75.75%200%200%200%2010%203H4.75A2.75%202.75%200%200%200%202%205.75v9.5A2.75%202.75%200%200%200%204.75%2018h9.5A2.75%202.75%200%200%200%2017%2015.25V10a.75.75%200%200%200-1.5%200v5.25c0%20.69-.56%201.25-1.25%201.25h-9.5c-.69%200-1.25-.56-1.25-1.25v-9.5Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;

}

.image-editor-button{
    display: none;
}

.image-span:has(.focused) > .image-editor-button{
    display: inherit;

}

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.tweet {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-twitter'%3e%3cpath%20d='M5.026%2015c6.038%200%209.341-5.003%209.341-9.334%200-.14%200-.282-.006-.422A6.685%206.685%200%200%200%2016%203.542a6.658%206.658%200%200%201-1.889.518%203.301%203.301%200%200%200%201.447-1.817%206.533%206.533%200%200%201-2.087.793A3.286%203.286%200%200%200%207.875%206.03a9.325%209.325%200%200%201-6.767-3.429%203.289%203.289%200%200%200%201.018%204.382A3.323%203.323%200%200%201%20.64%206.575v.045a3.288%203.288%200%200%200%202.632%203.218%203.203%203.203%200%200%201-.865.115%203.23%203.23%200%200%201-.614-.057%203.283%203.283%200%200%200%203.067%202.277A6.588%206.588%200%200%201%20.78%2013.58a6.32%206.32%200%200%201-.78-.045A9.344%209.344%200%200%200%205.026%2015z'/%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")
}

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: #b7ccfb
}

.link-input {
    display: block;
    width: calc(100% - 75px);
    box-sizing: border-box;
    margin: 12px;
    padding: 8px 12px;
    border-radius: 10px;
    background-color: #eee;
    font-size: 15px;
    color: #050505;
    border: 0;
    outline: 0;
    position: relative;
    font-family: inherit
}

.link-view {
    display: block;
    width: calc(100% - 24px);
    padding: 16px 24px;
    border-radius: 15px;
    font-size: 15px;
    color: #050505;
    border: 0;
    outline: 0;
    position: relative;
    font-family: inherit
}

.link-view a {
    display: block;
    word-break: break-word;
    width: calc(100% - 33px)
}

.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;
    height: 35px;
    align-self: center;
    cursor: pointer
}

.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;
    height: 35px;
    align-self: center;
    cursor: pointer
}

.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;
    height: 35px;
    align-self: center;
    cursor: pointer
}

.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;
    height: 35px;
    align-self: center;
    cursor: pointer
}

.link-view a {
    color: #216fdb;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 30px;
    text-overflow: ellipsis
}
.editor ul ul {
    list-style-type: circle !important;
}

.editor ul ul ul {
    list-style-type: square !important;
}

.editor ul ul ul ul {
    list-style-type: disc !important;
}

.editor ul ul ul ul ul {
    list-style-type: circle !important;
}

.editor ul ul ul ul ul ul {
    list-style-type: square !important;
}

.link-view a:hover {
    text-decoration: underline
}

.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;
    box-shadow: 0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;
    border-radius: 8px;
    min-height: 40px;
    @apply bg-white dark:bg-black;
}

.clr-picker{
    @apply dark:bg-black;
}

input.clr-color {
    @apply dark:bg-white/5 dark:text-white;
}

.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: 20px;
    height: 20px;
    -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 .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: #eeeeeeb3;
    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 .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 .2s
}

.switch button[aria-checked=true] {
    background-color: #1877f2
}

.switch button[aria-checked=true] span {
    transform: translate(20px)
}

.editor-shell span.lexical__editor-image {
    cursor: default;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.editor-shell .lexical__editor-image img {
    max-width: 100%;
    cursor: default
}

.editor-shell .lexical__editor-image img.focused {
    outline: 2px solid rgb(60,132,244);
    -webkit-user-select: none;
    user-select: none
}

.editor-shell .lexical__editor-image img.focused.draggable {
    cursor: grab
}

.editor-shell .lexical__editor-image img.focused.draggable:active {
    cursor: grabbing
}

.editor-shell .lexical__editor-image .image-caption-container .tree-view-output {
    margin: 0;
    border-radius: 0
}

.editor-shell .lexical__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: #ffffffe6;
    min-width: 100px;
    color: #000;
    overflow: hidden
}

.editor-shell .lexical__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: #00000080;
    min-width: 100px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.editor-shell .lexical__editor-image .image-caption-button:hover {
    background-color: #3c84f480
}

.editor-shell .lexical__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: -.25em;
    position: absolute;
    right: 4px;
    top: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.editor-shell .lexical__editor-image .image-edit-button:hover {
    background-color: #3c84f41a
}

.editor-shell .lexical__editor-image .image-resizer {
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #3c84f4;
    border: 1px solid #fff
}

.editor-shell .lexical__editor-image .image-resizer.image-resizer-n {
    top: -6px;
    left: 48%;
    cursor: n-resize
}

.editor-shell .lexical__editor-image .image-resizer.image-resizer-ne {
    top: -6px;
    right: -6px;
    cursor: ne-resize
}

.editor-shell .lexical__editor-image .image-resizer.image-resizer-e {
    bottom: 48%;
    right: -6px;
    cursor: e-resize
}

.editor-shell .lexical__editor-image .image-resizer.image-resizer-se {
    bottom: -2px;
    right: -6px;
    cursor: nwse-resize
}

.editor-shell .lexical__editor-image .image-resizer.image-resizer-s {
    bottom: -2px;
    left: 48%;
    cursor: s-resize
}

.editor-shell .lexical__editor-image .image-resizer.image-resizer-sw {
    bottom: -2px;
    left: -6px;
    cursor: sw-resize
}

.editor-shell .lexical__editor-image .image-resizer.image-resizer-w {
    bottom: 48%;
    left: -6px;
    cursor: w-resize
}

.editor-shell .lexical__editor-image .image-resizer.image-resizer-nw {
    top: -6px;
    left: -6px;
    cursor: nw-resize
}

.editor-shell span.lexical__inline-editor-image {
    cursor: default;
    display: inline-block;
    position: relative;
    z-index: 1
}

.editor-shell .lexical__inline-editor-image img {
    max-width: 100%;
    cursor: default
}

.editor-shell .lexical__inline-editor-image img.focused {
    outline: 2px solid rgb(60,132,244)
}

.editor-shell .lexical__inline-editor-image img.focused.draggable {
    cursor: grab
}

.editor-shell .lexical__inline-editor-image img.focused.draggable:active {
    cursor: grabbing
}

.editor-shell .lexical__inline-editor-image .image-caption-container .tree-view-output {
    margin: 0;
    border-radius: 0
}

.editor-shell .lexical__inline-editor-image.position-full {
    margin: 1em 0
}

.editor-shell .lexical__inline-editor-image.position-left {
    float: left;
    width: 50%;
    margin: 1em 1em 0 0
}

.editor-shell .lexical__inline-editor-image.position-right {
    float: right;
    width: 50%;
    margin: 1em 0 0 1em
}

.editor-shell .lexical__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: #00000080;
    min-width: 60px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.editor-shell .lexical__inline-editor-image .image-edit-button:hover {
    background-color: #3c84f480
}

.editor-shell .lexical__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 .15em
}

.emoji-inner::selection {
    color: transparent;
    background-color: #96969666
}

.emoji-inner::moz-selection {
    color: transparent;
    background-color: #96969666
}

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

.keyword {
    color: #f1765e;
    font-weight: 700
}

.actions {
    position: absolute;
    text-align: right;
    margin: 10px;
    bottom: 0;
    right: 0
}

.actions.tree-view {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.actions i {
    background-size: contain;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: -.25em
}

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

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

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

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

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

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

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

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

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

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

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

.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;
    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
}

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")
}

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

.action-button:hover {
    background-color: #ddd;
    color: #000
}

.action-button-mic.active {
    animation: mic-pulsate-color 3s infinite
}

button.action-button:disabled {
    opacity: .6;
    background: #eee;
    cursor: not-allowed
}

@keyframes mic-pulsate-color {
    0% {
        background-color: #ffdcdc
    }

    50% {
        background-color: #ff8585
    }

    to {
        background-color: #ffdcdc
    }
}

.debug-timetravel-panel {
    overflow: hidden;
    padding: 0 0 10px;
    margin: auto;
    display: flex
}

.debug-timetravel-panel-slider {
    padding: 0;
    flex: 8
}

.debug-timetravel-panel-button {
    padding: 0;
    border: 0;
    background: none;
    flex: 1;
    color: #fff;
    font-size: 12px
}

.debug-timetravel-panel-button:hover {
    text-decoration: underline
}

.debug-timetravel-button {
    border: 0;
    padding: 0;
    font-size: 12px;
    top: 10px;
    right: 15px;
    position: absolute;
    background: none;
    color: #fff
}

.debug-timetravel-button:hover {
    text-decoration: underline
}

.debug-treetype-button {
    border: 0;
    padding: 0;
    font-size: 12px;
    top: 10px;
    right: 85px;
    position: absolute;
    background: none;
    color: #fff
}

.debug-treetype-button:hover {
    text-decoration: underline
}

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

.ltr {
    text-align: left
}

.rtl {
    text-align: right
}

.toolbar {
    display: flex;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid lightgray ;
    border-top-left-radius: 4px;


    border-top-right-radius: 4px;
    vertical-align: middle;
    position: sticky;
    top: 4rem;
    z-index: 2;
    @apply bg-white dark:bg-gray-800;
}

button.toolbar-item {
    border: 0;
    display: flex;
    background: none;
    border-radius: 10px;
    padding: 8px;
    margin: 1px;
    cursor: pointer;
    vertical-align: middle;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between
}

button.toolbar-item:disabled {
    cursor: not-allowed
}

button.toolbar-item i.format {
    background-size: contain;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: -.25em;
    display: flex;
}

button.toolbar-item:disabled .icon,button.toolbar-item:disabled .text,button.toolbar-item:disabled i.format,button.toolbar-item:disabled .chevron-down {
    opacity: .2
}

button.toolbar-item.active {
    @apply bg-blue-300;

}

button.toolbar-item.active i {
    opacity: 1
}

.toolbar .code-language {
    width: 150px
}

.toolbar .toolbar-item .text {
    display: flex;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: #777;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    text-align: left;
    /*padding-right: 10px*/
}

.toolbar .toolbar-item .icon {
    display: flex;
    width: 20px;
    height: 20px;
    -webkit-user-select: none;
    user-select: none;
    line-height: 16px;
    background-size: contain;
}

.toolbar i.chevron-down,.toolbar-item i.chevron-down {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    display: flex;
    -webkit-user-select: none;
    user-select: none
}

.toolbar i.chevron-down.inside {
    width: 16px;
    height: 16px;
    display: flex;
    margin-left: -25px;
    margin-top: 11px;
    margin-right: 10px;
    pointer-events: none
}
.font-family {
    width: 200px;
    margin: 1px;
    border: 1px solid #eee;
    border-radius: 10px;
    /*background-image: url();*/
    background:  url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' width='15' height='15' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.01 14.81'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23231f20; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12.89,0H.12l-.12,3.69h.72C1.11,1.37,1.86,1.02,4.76.92l.64-.02v11.74c0,.99-.22,1.23-1.95,1.38v.78h6.12v-.78c-1.74-.15-1.96-.39-1.96-1.38V.9l.65.02c2.9.09,3.65.45,4.04,2.77h.72l-.12-3.69Z'/%3E%3C/svg%3E") 0.2rem center no-repeat,
    url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1'%0Awidth='15' height='15' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 5.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23231f20; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.75.75l4,4L8.75.75'/%3E%3C/svg%3E") right 0.2rem center no-repeat !important;
    padding: 0 0.5em 0 1.5em;
    height: 100%;
}

.font-family:is(.dark *){
    background:  url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 13.01 14.81'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12.89,0H.12l-.12,3.69h.72C1.11,1.37,1.86,1.02,4.76.92l.64-.02v11.74c0,.99-.22,1.23-1.95,1.38v.78h6.12v-.78c-1.74-.15-1.96-.39-1.96-1.38V.9l.65.02c2.9.09,3.65.45,4.04,2.77h.72l-.12-3.69Z'/%3E%3C/svg%3E") 0.2rem center no-repeat,
    url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1'%0Awidth='15' height='15' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 8.68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.37px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.18,1.18l6.32,6.32L13.82,1.18'/%3E%3C/svg%3E") right 0.2rem center no-repeat !important;
    padding: 0 1em 0 1.5em;
}

[dir=rtl] .font-family {
    background:  url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' width='15' height='15' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.01 14.81'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23231f20; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12.89,0H.12l-.12,3.69h.72C1.11,1.37,1.86,1.02,4.76.92l.64-.02v11.74c0,.99-.22,1.23-1.95,1.38v.78h6.12v-.78c-1.74-.15-1.96-.39-1.96-1.38V.9l.65.02c2.9.09,3.65.45,4.04,2.77h.72l-.12-3.69Z'/%3E%3C/svg%3E") right 0.2rem center  no-repeat,
    url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1'%0Awidth='15' height='15' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 5.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23231f20; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.75.75l4,4L8.75.75'/%3E%3C/svg%3E") 0.2rem center  no-repeat !important;
    padding: 0 2em 0 0.5em;
}

[dir=rtl] .font-family:is(.dark *){
    background:  url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 13.01 14.81'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12.89,0H.12l-.12,3.69h.72C1.11,1.37,1.86,1.02,4.76.92l.64-.02v11.74c0,.99-.22,1.23-1.95,1.38v.78h6.12v-.78c-1.74-.15-1.96-.39-1.96-1.38V.9l.65.02c2.9.09,3.65.45,4.04,2.77h.72l-.12-3.69Z'/%3E%3C/svg%3E") right 0.2rem center no-repeat,
    url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1'%0Awidth='15' height='15' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 8.68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.37px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.18,1.18l6.32,6.32L13.82,1.18'/%3E%3C/svg%3E") 0.2rem center no-repeat !important;
    padding: 0 2em 0 1.5em;
}


.font-family:focus {
    border-color: gray;
}

.font-family > option {
    width: 150px;
    padding: 0 10px;
    margin: 1px;
    @apply bg-white dark:bg-black;
}

.toolbar .divider {
    width: 1px;
    background-color: #eee;
    margin: 0 4px
}

.sticky-note-container {
    position: absolute;
    z-index: 9;
    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: #0003;
    box-shadow: 2px 15px 5px #0006;
    transform: matrix(-1,-.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: .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: .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 rgb(60,132,244);
    -webkit-user-select: none;
    user-select: none
}

.github-corner:hover .octo-arm {
    animation: octocat-wave .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) {
    .github-corner:hover .octo-arm {
        animation:none
    }

    .github-corner .octo-arm {
        animation: octocat-wave .56s ease-in-out
    }
}

.spacer {
    letter-spacing: -2px
}

.editor-equation {
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

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

button.item i {
    opacity: .6
}

button.item.dropdown-item-active {
    background-color: #dfe8fa4d
}

button.item.dropdown-item-active i {
    opacity: 1
}

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

.dialog-dropdown {
    background-color: #eee!important;
    margin-bottom: 10px;
    width: 100%
}

.FlashMessage__overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    pointer-events: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.FlashMessage__alert {
    background-color: #000c;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 1em;
    padding: .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: #28282899;
    flex-grow: 0px;
    flex-shrink: 1px;
    z-index: 100
}

.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;
    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: #00000080;
    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: #00000080;
    text-transform: uppercase
}

.code-action-menu-container button.menu-item i.format {
    height: 16px;
    width: 16px;
    display: flex;
    color: #00000080;
    background-size: contain
}

.code-action-menu-container button.menu-item:hover {
    border: 1px solid rgba(0,0,0,.3);
    opacity: .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: 700;
    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 #0003;
    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 #0000001a;
    border-radius: 5px;
    z-index: 24;
    animation: show-input-box .4s ease
}

.CommentPlugin_CommentInputBox:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: .5em;
    right: -1em;
    top: 0;
    left: calc(50% + .25em);
    box-sizing: border-box;
    border: .5em solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -3px 3px 3px #0000000d
}

@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: .5;
    cursor: not-allowed;
    font-weight: 400;
    color: #444
}

.CommentPlugin_CommentInputBox_Button[disabled]:hover {
    opacity: .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 rgb(66,135,245)
}

.CommentPlugin_ShowCommentsButton {
    position: fixed;
    top: 10px;
    right: 10px;
    background-color: #ddd;
    border-radius: 10px
}

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: .5;
    transition: opacity .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 #0000001a;
    animation: show-comments .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: .5;
    transition: opacity .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: .3
}

.CommentPlugin_CommentsPanel_SendButton:hover[disabled] i.send {
    opacity: .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 .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 .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: #ffd40066;
    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: .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 .2s linear
}

.CommentEditorTheme__paragraph {
    margin: 0;
    position: "relative"
}

.lexical__ltr {
    text-align: left
}

.lexical__rtl {
    text-align: right
}

.lexical__paragraph {
    margin: 0;
    position: relative
}

.lexical__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
}

.lexical__h1 {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    line-height: 2.5
}

.lexical__h2 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    line-height: 2.5
}

.lexical__h3 {
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
    line-height: 2.5
}

.lexical__h4 {
    font-size: 12px;
    margin: 0;
    line-height: 2.5
}

.lexical__h5 {
    font-size: 12px;
    margin: 0;
    font-style: italic;
    line-height: 1.5
}

.lexical__h6 {
    font-size: 12px;
    margin: 0;
    font-weight: 700;
    line-height: 1.5
}

.lexical__indent {
    --lexical-indent-base-value: 40px
}

.lexical__textBold {
    font-weight: 700
}

.lexical__textItalic {
    font-style: italic
}

.lexical__textUnderline {
    text-decoration: underline
}

.lexical__textStrikethrough {
    text-decoration: line-through
}

.lexical__textUnderlineStrikethrough {
    text-decoration: underline line-through
}

.lexical__tabNode {
    position: relative;
    text-decoration: none
}

.lexical__tabNode.lexical__textUnderline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .15em;
    border-bottom: .1em solid currentColor
}

.lexical__tabNode.lexical__textStrikethrough:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: .69em;
    border-top: .1em solid currentColor
}

.lexical__tabNode.lexical__textUnderlineStrikethrough:before,.lexical__tabNode.lexical__textUnderlineStrikethrough:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0
}

.lexical__tabNode.lexical__textUnderlineStrikethrough:before {
    top: .69em;
    border-top: .1em solid currentColor
}

.lexical__tabNode.lexical__textUnderlineStrikethrough:after {
    bottom: .05em;
    border-bottom: .1em solid currentColor
}

.lexical__textSubscript {
    font-size: .8em;
    vertical-align: sub!important
}

.lexical__textSuperscript {
    font-size: .8em;
    vertical-align: super
}

.lexical__textCode {
    background-color: #f0f2f5;
    padding: 1px .25rem;
    font-family: Menlo,Consolas,Monaco,monospace;
    font-size: 94%;
    @apply dark:bg-[#2c2c2c];
}

.lexical__textLowercase {
    text-transform: lowercase
}

.lexical__textUppercase {
    text-transform: uppercase
}

.lexical__textCapitalize {
    text-transform: capitalize
}

.lexical__hashtag {
    background-color: #5890ff26;
    border-bottom: 1px solid rgba(88,144,255,.3)
}

.lexical__link {
    color: #216fdb;
    text-decoration: none
}

.lexical__link:hover {
    text-decoration: underline;
    cursor: pointer
}

.lexical__blockCursor {
    display: block;
    pointer-events: none;
    position: absolute
}

.lexical__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
    }
}

.lexical__code {
    background-color: #f0f2f5;
    @apply dark:bg-[#2c2c2c];

    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
}

.lexical__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
}

.lexical__tableScrollableWrapper {
    overflow-x: auto;
    margin: 0 25px 30px 0
}

.lexical__tableScrollableWrapper>.lexical__table {
    margin: 0
}

.lexical__table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow-y: scroll;
    overflow-x: scroll;
    table-layout: fixed;
    width: fit-content;
    margin: 0 25px 30px 0
}

.lexical__tableRowStriping tr:nth-child(2n) {
    background-color: #f2f5fb
}

.lexical__tableSelection *::selection {
    background-color: transparent
}

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

.lexical__tableCell {
    border: 1px solid #bbb;
    width: 75px;
    vertical-align: top;
    text-align: start;
    padding: 6px 8px;
    position: relative;
    outline: none;
    overflow: auto
}

.lexical__tableCell>* {
    overflow: inherit
}

.lexical__tableCellResizer {
    position: absolute;
    right: -4px;
    height: 100%;
    width: 8px;
    cursor: ew-resize;
    z-index: 10;
    top: 0
}

.lexical__tableCellHeader {
    background-color: #f2f3f5;
    text-align: start
}

.lexical__tableCellSelected {
    caret-color: transparent
}

.lexical__tableCellSelected:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: highlight;
    mix-blend-mode: multiply;
    content: "";
    pointer-events: none
}

.lexical__tableAddColumns {
    position: absolute;
    background-color: #eee;
    height: 100%;
    animation: table-controls .2s ease;
    border: 0;
    cursor: pointer
}

.lexical__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: .4
}

.lexical__tableAddColumns:hover,.lexical__tableAddRows:hover {
    background-color: #c9dbf0
}

.lexical__tableAddRows {
    position: absolute;
    width: calc(100% - 25px);
    background-color: #eee;
    animation: table-controls .2s ease;
    border: 0;
    cursor: pointer
}

.lexical__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: .4
}

@keyframes table-controls {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.lexical__tableCellResizeRuler {
    display: block;
    position: absolute;
    width: 1px;
    background-color: #3c84f4;
    height: 100%;
    top: 0
}

.lexical__tableCellActionButtonContainer {
    display: block;
    right: 5px;
    top: 6px;
    position: absolute;
    z-index: 4;
    width: 20px;
    height: 20px
}

.lexical__tableCellActionButton {
    background-color: #eee;
    display: block;
    border: 0;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    color: #222;
    cursor: pointer
}

.lexical__tableCellActionButton:hover {
    background-color: #ddd
}

.lexical__characterLimit {
    display: inline;
    background-color: #fbb!important
}

.lexical__ol1 {
    padding: 0;
    margin: 0;
    list-style-position: outside;
    list-style-type: number;

}

.lexical__ol2 {
    padding: 0;
    margin: 0;
    list-style-type: upper-alpha;
    list-style-position: outside
}

.lexical__ol3 {
    padding: 0;
    margin: 0;
    list-style-type: lower-alpha;
    list-style-position: outside
}

.lexical__ol4 {
    padding: 0;
    margin: 0;
    list-style-type: upper-roman;
    list-style-position: outside
}

.lexical__ol5 {
    padding: 0;
    margin: 0;
    list-style-type: lower-roman;
    list-style-position: outside
}

.lexical__ul {
    padding: 0;
    margin: 0;
    list-style-position: outside;
    list-style-type: disc;
}

.lexical__listItem {
    margin: 0 32px
}

.lexical__listItemChecked,.lexical__listItemUnchecked {
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 24px;
    padding-right: 24px;
    list-style-type: none;
    outline: none
}

.lexical__listItemChecked {
    text-decoration: line-through
}

.lexical__listItemUnchecked:before,.lexical__listItemChecked:before {
    content: "";
    width: 16px;
    height: 16px;
    top: 2px;
    left: 0;
    cursor: pointer;
    display: block;
    background-size: cover;
    position: absolute
}

.lexical__listItemUnchecked[dir=rtl]:before,.lexical__listItemChecked[dir=rtl]:before {
    left: auto;
    right: 0
}

.lexical__listItemUnchecked:focus:before,.lexical__listItemChecked:focus:before {
    box-shadow: 0 0 0 2px #a6cdfe;
    border-radius: 2px
}

.lexical__listItemUnchecked:before {
    border: 1px solid #999;
    border-radius: 2px
}

.lexical__listItemChecked:before {
    border: 1px solid rgb(61,135,245);
    border-radius: 2px;
    background-color: #3d87f5;
    background-repeat: no-repeat
}

.lexical__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
}

.lexical__nestedListItem {
    list-style-type: none
}

.lexical__nestedListItem:before,.lexical__nestedListItem:after {
    display: none
}

.lexical__tokenComment {
    color: #708090
}

.lexical__tokenPunctuation {
    color: #999
}

.lexical__tokenProperty {
    color: #905
}

.lexical__tokenSelector {
    color: #690
}

.lexical__tokenOperator {
    color: #9a6e3a
}

.lexical__tokenAttr {
    color: #07a
}

.lexical__tokenVariable {
    color: #e90
}

.lexical__tokenFunction {
    color: #dd4a68
}

.lexical__mark {
    background: #ffd40024;
    border-bottom: 2px solid rgba(255,212,0,.3);
    padding-bottom: 2px
}

.lexical__markOverlap {
    background: #ffd4004d;
    border-bottom: 2px solid rgba(255,212,0,.7)
}

.lexical__mark.selected {
    background: #ffd40080;
    border-bottom: 2px solid rgba(255,212,0,1)
}

.lexical__markOverlap.selected {
    background: #ffd400b3;
    border-bottom: 2px solid rgba(255,212,0,.7)
}

.lexical__embedBlock {
    -webkit-user-select: none;
    user-select: none
}

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

.lexical__layoutContainer {
    display: grid;
    gap: 10px;
    margin: 10px 0
}

.lexical__layoutItem {
    border: 1px dashed #ddd;
    padding: 8px 16px
}

.lexical__autocomplete {
    color: #ccc
}

.lexical__hr {
    padding: 2px;
    border: none;
    margin: 1em 0;
    cursor: pointer
}

.lexical__hr:after {
    content: "";
    display: block;
    height: 2px;
    background-color: #ccc;
    line-height: 2px
}

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

.lexical__specialText {
    background-color: #ff0;
    font-weight: 700
}

.ContentEditable__root {
    border: 0;
    font-size: 15px;
    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,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) 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: .27777778em;
    margin-right: -.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: .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: .71428571em
}

.katex .sizing.reset-size3.size2,.katex .fontsize-ensurer.reset-size3.size2 {
    font-size: .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: .625em
}

.katex .sizing.reset-size4.size2,.katex .fontsize-ensurer.reset-size4.size2 {
    font-size: .75em
}

.katex .sizing.reset-size4.size3,.katex .fontsize-ensurer.reset-size4.size3 {
    font-size: .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: .55555556em
}

.katex .sizing.reset-size5.size2,.katex .fontsize-ensurer.reset-size5.size2 {
    font-size: .66666667em
}

.katex .sizing.reset-size5.size3,.katex .fontsize-ensurer.reset-size5.size3 {
    font-size: .77777778em
}

.katex .sizing.reset-size5.size4,.katex .fontsize-ensurer.reset-size5.size4 {
    font-size: .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: .5em
}

.katex .sizing.reset-size6.size2,.katex .fontsize-ensurer.reset-size6.size2 {
    font-size: .6em
}

.katex .sizing.reset-size6.size3,.katex .fontsize-ensurer.reset-size6.size3 {
    font-size: .7em
}

.katex .sizing.reset-size6.size4,.katex .fontsize-ensurer.reset-size6.size4 {
    font-size: .8em
}

.katex .sizing.reset-size6.size5,.katex .fontsize-ensurer.reset-size6.size5 {
    font-size: .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: .41666667em
}

.katex .sizing.reset-size7.size2,.katex .fontsize-ensurer.reset-size7.size2 {
    font-size: .5em
}

.katex .sizing.reset-size7.size3,.katex .fontsize-ensurer.reset-size7.size3 {
    font-size: .58333333em
}

.katex .sizing.reset-size7.size4,.katex .fontsize-ensurer.reset-size7.size4 {
    font-size: .66666667em
}

.katex .sizing.reset-size7.size5,.katex .fontsize-ensurer.reset-size7.size5 {
    font-size: .75em
}

.katex .sizing.reset-size7.size6,.katex .fontsize-ensurer.reset-size7.size6 {
    font-size: .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: .34722222em
}

.katex .sizing.reset-size8.size2,.katex .fontsize-ensurer.reset-size8.size2 {
    font-size: .41666667em
}

.katex .sizing.reset-size8.size3,.katex .fontsize-ensurer.reset-size8.size3 {
    font-size: .48611111em
}

.katex .sizing.reset-size8.size4,.katex .fontsize-ensurer.reset-size8.size4 {
    font-size: .55555556em
}

.katex .sizing.reset-size8.size5,.katex .fontsize-ensurer.reset-size8.size5 {
    font-size: .625em
}

.katex .sizing.reset-size8.size6,.katex .fontsize-ensurer.reset-size8.size6 {
    font-size: .69444444em
}

.katex .sizing.reset-size8.size7,.katex .fontsize-ensurer.reset-size8.size7 {
    font-size: .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: .28935185em
}

.katex .sizing.reset-size9.size2,.katex .fontsize-ensurer.reset-size9.size2 {
    font-size: .34722222em
}

.katex .sizing.reset-size9.size3,.katex .fontsize-ensurer.reset-size9.size3 {
    font-size: .40509259em
}

.katex .sizing.reset-size9.size4,.katex .fontsize-ensurer.reset-size9.size4 {
    font-size: .46296296em
}

.katex .sizing.reset-size9.size5,.katex .fontsize-ensurer.reset-size9.size5 {
    font-size: .52083333em
}

.katex .sizing.reset-size9.size6,.katex .fontsize-ensurer.reset-size9.size6 {
    font-size: .5787037em
}

.katex .sizing.reset-size9.size7,.katex .fontsize-ensurer.reset-size9.size7 {
    font-size: .69444444em
}

.katex .sizing.reset-size9.size8,.katex .fontsize-ensurer.reset-size9.size8 {
    font-size: .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: .24108004em
}

.katex .sizing.reset-size10.size2,.katex .fontsize-ensurer.reset-size10.size2 {
    font-size: .28929605em
}

.katex .sizing.reset-size10.size3,.katex .fontsize-ensurer.reset-size10.size3 {
    font-size: .33751205em
}

.katex .sizing.reset-size10.size4,.katex .fontsize-ensurer.reset-size10.size4 {
    font-size: .38572806em
}

.katex .sizing.reset-size10.size5,.katex .fontsize-ensurer.reset-size10.size5 {
    font-size: .43394407em
}

.katex .sizing.reset-size10.size6,.katex .fontsize-ensurer.reset-size10.size6 {
    font-size: .48216008em
}

.katex .sizing.reset-size10.size7,.katex .fontsize-ensurer.reset-size10.size7 {
    font-size: .57859209em
}

.katex .sizing.reset-size10.size8,.katex .fontsize-ensurer.reset-size10.size8 {
    font-size: .69431051em
}

.katex .sizing.reset-size10.size9,.katex .fontsize-ensurer.reset-size10.size9 {
    font-size: .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: .20096463em
}

.katex .sizing.reset-size11.size2,.katex .fontsize-ensurer.reset-size11.size2 {
    font-size: .24115756em
}

.katex .sizing.reset-size11.size3,.katex .fontsize-ensurer.reset-size11.size3 {
    font-size: .28135048em
}

.katex .sizing.reset-size11.size4,.katex .fontsize-ensurer.reset-size11.size4 {
    font-size: .32154341em
}

.katex .sizing.reset-size11.size5,.katex .fontsize-ensurer.reset-size11.size5 {
    font-size: .36173633em
}

.katex .sizing.reset-size11.size6,.katex .fontsize-ensurer.reset-size11.size6 {
    font-size: .40192926em
}

.katex .sizing.reset-size11.size7,.katex .fontsize-ensurer.reset-size11.size7 {
    font-size: .48231511em
}

.katex .sizing.reset-size11.size8,.katex .fontsize-ensurer.reset-size11.size8 {
    font-size: .57877814em
}

.katex .sizing.reset-size11.size9,.katex .fontsize-ensurer.reset-size11.size9 {
    font-size: .69453376em
}

.katex .sizing.reset-size11.size10,.katex .fontsize-ensurer.reset-size11.size10 {
    font-size: .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: .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 .5em
}

.katex .cd-arrow-pad {
    padding: 0 .55556em 0 .27778em
}

.katex .x-arrow,.katex .mover,.katex .munder {
    text-align: center
}

.katex .boxpad {
    padding: 0 .3em
}

.katex .fbox,.katex .fcolorbox {
    box-sizing: border-box;
    border: .04em solid
}

.katex .cancel-pad {
    padding: 0 .2em
}

.katex .cancel-lap {
    margin-left: -.2em;
    margin-right: -.2em
}

.katex .sout {
    border-bottom-style: solid;
    border-bottom-width: .08em
}

.katex .angl {
    box-sizing: border-box;
    border-top: .049em solid;
    border-right: .049em solid;
    margin-right: .03889em
}

.katex .anglpad {
    padding: 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
}

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

.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, #eeeeee);
    border-bottom: 1px dashed var(--editor-color-secondary, #eeeeee);
    background-color: var(--editor-color-secondary, #eeeeee)
}

[type=page-break]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(var(--editor-input-padding, 28px) + 12px);
    transform: translateY(-50%);
    opacity: .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: .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
}

.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 .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: -.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;
    box-shadow: 0 5px 10px #0000004d;
    border-radius: 8px;
    transition: opacity .5s;
    height: 35px;
    will-change: transform
}

.floating-text-format-popup button.popup-item {
    border: 0;
    display: flex;
    background: none;
    border-radius: 10px;
    padding: 8px;
    cursor: pointer;
    vertical-align: middle
}

.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: -.25em;
    display: flex;
}

.floating-text-format-popup button.popup-item:disabled i.format {
    opacity: .2
}

.floating-text-format-popup button.popup-item.active {
    background-color: #dfe8fa4d
}

.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 .2s ease;
    transition: all .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)
}

:root {
    --select-border: #393939;
    --select-focus: #101484;
    --select-arrow: var(--select-border)
}



.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 #0000004d
}

.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 #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 15px #00000026;
    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 #ffffff;
    border-radius: 50%;
    box-shadow: #0003 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
}

.table-of-contents .heading2 {
    margin-left: 10px
}

.table-of-contents .heading3 {
    margin-left: 20px
}

.selected-heading {
    color: #3578e5;
    position: relative
}

.selected-heading-wrapper:before {
    content: " ";
    position: absolute;
    display: inline-block;
    left: -30px;
    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: 16px
}

.table-of-contents {
    color: #65676b;
    position: fixed;
    top: 200px;
    right: -35px;
    padding: 10px;
    width: 250px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    z-index: 1;
    height: 300px
}

.first-heading {
    color: #000;
    font-weight: 700;
    cursor: pointer
}

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

.headings::-webkit-scrollbar {
    display: none
}

.headings:before {
    content: " ";
    position: absolute;
    height: 220px;
    width: 4px;
    right: 240px;
    margin-top: 5px;
    background-color: #ccd0d5;
    border-radius: 2px
}

.normal-heading-wrapper {
    margin-left: 32px;
    position: relative
}

.font-size-input {
    font-weight: 700;
    font-size: 14px;
    color: #777;
    @apply dark:bg-white/5 dark:text-white;
    border-radius: 5px;
    border-color: gray;
    height: 30px;
    padding: 2px 4px;
    text-align: center;
    width: 40px;
    align-self: center
}

.font-size-input:disabled {
    opacity: .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
}

.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='000000'%20d='M10%207H6V3H4v4H0v2h4v4h2V9h4z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

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

button.font-decrement {
    padding: 0;
    margin-right: 3px
}

button.font-increment {
    padding: 0;
    margin-left: 3px
}