.css-document-view * {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-decoration-skip-ink: none;
}

.css-document-view div[data-embed-draw-io-exported-svg] svg {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    padding: 6px;
    transition: 0.25s ease-out;
}

.css-document-view div[data-embed-draw-io-exported-svg] svg foreignObject * {
    word-break: normal;
}

.css-document-view div[data-embed-draw-io-exported-svg] svg:hover {
    background-color: #f4fafd;
}

.css-document-view div[data-embed-draw-io-exported-svg] svg a * {
    color: initial !important;
}

.css-document-view div[data-embed-draw-io-exported-svg] svg a g {
    transition: 0.25s ease-out;
}

.css-document-view div[data-embed-draw-io-exported-svg] svg a g:hover {
    stroke-width: 4px;
    stroke-linejoin: round;
}

.css-document-view div[data-embed-draw-io-exported-svg] svg a g *:hover {
    stroke: #1280ce;
}

.css-document-view div[data-embed-draw-io-exported-svg] svg a text:hover {
    stroke-width: initial !important;
    stroke: initial !important;
    text-decoration: underline;
}

.css-document-view div[data-node-type='remote-google-doc'],
.css-document-view div[data-node-type='remote-diagram'] {
    width: 100%;
    display: flex;
    padding: 20px;
    background-color: rgba(39, 155, 217, 0.1);
    margin-bottom: 20px;
}

.css-document-view div[data-layout='left'] {
    justify-content: flex-start;
}

.css-document-view div[data-layout='center'] {
    justify-content: center;
}

.css-document-view div[data-layout='right'] {
    justify-content: flex-end;
}

.css-document-view div[data-node-type='remote-google-doc'] iframe,
.css-document-view div[data-node-type='remote-diagram'] iframe {
    border: none;
}

.css-document-view div[data-embed-draw-io-exported-svg] * {
    word-break: initial;
    word-wrap: initial;
    overflow-wrap: initial;
}

body.css-document-view {
    margin: 0;
    color: #262626;
    font-family: 'NotoSans', sans-serif, Arial, Verdana, 'Trebuchet MS';
    font-size: 16px;
    line-height: 1.6;
}

.css-document-view a,
.css-document-view a * {
    text-decoration: none;
    color: #1280ce !important;
}

.common-document-styles p {
    margin-top: 1em;
    margin-bottom: 1em;
    min-height: 1rem;
    line-height: 1.5;
}

.css-document-view .editorTitle1 {
    font-size: 24px;
}

.css-document-view .editorTitle2 {
    font-size: 18px;
}

.css-document-view .editorTitle3 {
    font-size: 16px;
}

.css-document-view blockquote {
    font-style: italic;
    font-family: Georgia, Times, 'Times New Roman', serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
}

.css-document-view blockquote {
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}

.css-document-view mark {
    background: #ffe05a;
    color: #262626;
    font-weight: 600;
}

.css-document-view .activeSearchMark {
    background: orange;
    color: black;
}

.css-document-view table thead {
    position: relative;
    z-index: 3;
}

.css-document-view td[align='left'],
.css-document-view tr[align='left'] {
    text-align: left;
}

.css-document-view td[align='center'],
.css-document-view tr[align='center'] {
    text-align: center;
}

.css-document-view td[align='right'],
.css-document-view tr[align='right'] {
    text-align: right;
}

.css-document-view table th:not([bgcolor]) {
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.css-document-view * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-wrap: break-word;
}

.css-document-view .btgrid {
    padding: 5px;
    margin: 10px auto;
    background: #eee;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow:
        0 1px 1px #fff inset,
        0 -1px 0px #ccc inset;
}

.css-document-view .content {
    box-shadow: 0 1px 1px #ddd inset;
    border: 1px solid #cccccc;
    padding: 0 5px;
    border-radius: 5px;
    background: #fff;
    min-height: 5em;
}

.css-document-view .row {
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 5px;
}

.css-document-view .row:last-child {
    padding-bottom: 0;
}

.css-document-view .row:after,
.css-document-view .row:before,
.css-document-view .btgrid:before,
.css-document-view .btgrid:after {
    display: table;
    content: ' ';
}

.css-document-view .row:after {
    clear: both;
}

.css-document-view .row:after,
.css-document-view .row:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.css-document-view .col-md-1 {
    width: 8.33333333%;
}

.css-document-view .col-md-2 {
    width: 16.66666667%;
}

.css-document-view .col-md-3 {
    width: 25%;
}

.css-document-view .col-md-4 {
    width: 33.33333333%;
}

.css-document-view .col-md-5 {
    width: 41.66666667%;
}

.css-document-view .col-md-6 {
    width: 50%;
}

.css-document-view .col-md-7 {
    width: 58.33333333%;
}

.css-document-view .col-md-8 {
    width: 66.66666667%;
}

.css-document-view .col-md-9 {
    width: 75%;
}

.css-document-view .col-md-10 {
    width: 83.33333333%;
}

.css-document-view .col-md-11 {
    width: 91.66666667%;
}

.css-document-view .col-md-12 {
    width: 100%;
}

.css-document-view .col-md-1,
.css-document-view .col-md-10,
.css-document-view .col-md-11,
.css-document-view .col-md-12,
.css-document-view .col-md-2,
.css-document-view .col-md-3,
.css-document-view .col-md-4,
.css-document-view .col-md-5,
.css-document-view .col-md-6,
.css-document-view .col-md-7,
.css-document-view .col-md-8,
.css-document-view .col-md-9 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.common-document-styles .table-of-contents {
    border-radius: 5px;
    padding: 17px 12px;
    background-color: rgba(39, 155, 217, 0.1);
}

.common-document-styles .table-of-contents > ul {
    padding-left: 0;
    list-style-position: inside;
}

.common-document-styles .table-of-contents li.h2 {
    margin-left: 24px;
}

.common-document-styles .table-of-contents li.h3 {
    margin-left: 48px;
}

.common-document-styles .table-of-contents li.h4 {
    margin-left: 72px;
}

.common-document-styles .table-of-contents li.h5 {
    margin-left: 96px;
}

.common-document-styles .table-of-contents li.h6 {
    margin-left: 120px;
}

.common-document-styles .table-of-contents li p {
    margin-top: 6px;
    margin-bottom: 6px;
    display: inline;
}

.common-document-styles .table-of-contents li {
    list-style-type: disc;
}

.common-document-styles .table-of-contents li:not(.h1) p {
    position: relative;
    left: -10px;
}

.common-document-styles .table-of-contents li.h1 {
    list-style-type: none;
}

.common-document-styles .table-of-contents li {
    cursor: pointer;
}

.common-document-styles .h1,
.common-document-styles .h2,
.common-document-styles .h3,
.common-document-styles .h4,
.common-document-styles .h5,
.common-document-styles .h6 {
    margin-top: 14px;
    margin-bottom: 14px;
}

.css-document-view .h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
}

.css-document-view .h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
}

.css-document-view .h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.css-document-view .h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

.css-document-view .h5 {
    font-size: 13px;
    font-weight: 600;
    line-height: 150%;
    text-decoration: underline;
}

.css-document-view .h6 {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    color: rgba(113, 112, 112, 1);
}

.css-document-view .align-left,
.css-document-view .align-right,
.css-document-view .align-center {
    display: flex;
}

.css-document-view .align-left {
    justify-content: flex-start;
}

.css-document-view .align-center {
    justify-content: center;
}

.css-document-view .align-right {
    justify-content: flex-end;
}

.css-document-view .float-left {
    float: left;
    margin-right: 10px;
}

.css-document-view .float-inline {
    display: inline-flex;
    vertical-align: bottom;
}

.css-document-view .float-right {
    float: right;
    margin-left: 10px;
}

/* TIPTAP */

.css-document-view table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    overflow: hidden;
    min-width: 200px;
}

.css-document-view table td,
.css-document-view table th {
    box-sizing: border-box;
    min-width: 45px;
    height: 40px;
    position: relative;
}

.css-document-view svg table td,
.css-document-view svg table th {
    height: auto;
    min-width: inherit;
}

.css-document-view table td > *,
.css-document-view table th > * {
    margin-bottom: 0;
}

.css-document-view table img {
    max-width: 100% !important;
}

.css-document-view .tableActionsWrapper {
    width: 100%;
    margin-bottom: 10px;
    overflow: auto;
    padding-top: 1px;
    padding-left: 1px;
}

.css-document-view .tableActionsWrapper table[data-align='left'] {
    margin-right: auto;
}

.css-document-view .tableActionsWrapper table[data-align='right'] {
    margin-left: auto;
}

.css-document-view .tableActionsWrapper table[data-align='center'] {
    margin-left: auto;
    margin-right: auto;
}

.css-document-view table[data-border='0'] {
    border: none;
}

.css-document-view .tableActionsWrapper table[data-border='0'] tr > th > .th-inner,
.css-document-view .tableActionsWrapper table[data-border='0'] tr > th,
.css-document-view .tableActionsWrapper table[data-border='0'] > tbody > tr > td {
    border-width: 0 !important;
}

.css-document-view table th:not([bgcolor]) {
    background-color: #f1f3f5;
    font-weight: bold;
    text-align: left;
}

.css-document-view table th {
    position: relative;
    padding: 0 !important;
    border: 0;
}

.css-document-view table th > .th-inner {
    left: -0.5px;
    width: calc(100% + 1px);
}

.css-document-view table[data-border='0'] > thead > tr > th > .th-inner,
.css-document-view table[data-border='0'] > tbody > tr > th > .th-inner {
    width: 100%;
}

.css-document-view table thead tr th:first-child > .th-inner {
    left: 0;
}

.css-document-view table tbody tr:first-child th > .th-inner {
    border-top-width: 0;
}

.css-document-view table tbody th {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 0;
}

.css-document-view table tbody tr:first-child th {
    border-top-width: 0;
}

.css-document-view table tbody th > .th-inner {
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 4px 12px 4px 8px;
    height: 100%;
}

.css-document-view table thead th > .th-inner {
    position: relative;
    height: 100%;
    border: 1px solid;
    padding: 4px 12px 4px 8px;
}

.css-document-view table thead th > .th-inner {
    position: relative;
    height: 100%;
    border: 1px solid;
    padding: 4px 12px 4px 8px;
}

.css-document-view table th:not(:has(.th-inner)) {
    border: 1px solid;
    padding: 4px 12px 4px 8px !important;
}

.css-document-view table p {
    margin: 0;
    padding: 0 8px;
}

.css-document-view table[width='100%'] th p,
.css-document-view table[width='100%'] td p {
    word-break: break-word;
}

.css-document-view .tableActionsWrapper table td > *:not(ul, ol),
.css-document-view table th > .th-inner > *:not(ul, ol) {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.css-document-view .tiptap[data-align='left'] {
    text-align: left;
    justify-content: flex-start;
}

.css-document-view .tiptap[data-align='right'] {
    text-align: right;
    justify-content: flex-end;
}

.css-document-view .tiptap[data-align='center'] {
    text-align: center;
    justify-content: center;
}
.css-document-view hr.tiptap {
    border: 0;
    padding: 0;
    margin: 0;
    height: 15px;
}
.css-document-view hr.tiptap::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgb(39 155 217 / 35%);
    color: rgb(39 155 217 / 35%);
    margin-top: 7px;
}

.css-document-view body .node-imageComponent img {
    max-width: 100% !important;
}

.css-document-view .node-imageComponent {
    max-width: 100%;
    position: relative;
    margin-top: 18px;
    margin-bottom: 18px;
    user-select: none;
    -moz-user-select: none;
}

.css-document-view body > p .node-imageComponent {
    max-width: 100%;
    overflow: auto;
}

.css-document-view body > p .node-imageComponent img {
    max-width: initial !important;
}

.css-document-view .node-imageComponent[class*='float-'] {
    margin-top: 0;
    margin-bottom: 0;
}

.css-document-view .node-imageComponent img {
    max-width: 100%;
    margin-bottom: 0;
    flex-shrink: 0;
}

.css-document-view .columnBlock figure img {
    max-width: 100% !important;
}

.css-document-view figure img[data-keep-ratio]:not([data-keep-ratio='false']) {
    object-fit: contain;
}

.css-document-view figure img[data-keep-ratio='false'] {
    object-fit: fill;
}

.css-document-view .node-imageComponent:not(.float-inline):has(img[data-align='left']) {
    display: flex;
    margin-right: auto;
}

.css-document-view .node-imageComponent:not(.float-inline):has(img[data-align='center']) {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.css-document-view .node-imageComponent:not(.float-inline):has(img[data-align='right']) {
    display: flex;
    margin-left: auto;
}

.css-document-view .tableActionsWrapper table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    overflow: hidden;
    min-width: 137px;
    cursor: text;
    border: none;
    width: max-content;
}

.css-document-view .tableActionsWrapper table td,
.css-document-view .tableActionsWrapper table th {
    box-sizing: border-box;
    min-width: 45px;
    height: 40px;
    position: relative;
}

.css-document-view .tableActionsWrapper table:not([data-border='0']) > tbody > tr > td:last-of-type {
    border-style: solid;
    border-right-width: 1px;
}

.css-document-view .tableActionsWrapper table:not([data-border='0']) > tbody > tr > td:first-of-type ~ td {
    border-left-width: 1px;
}

.css-document-view .tableActionsWrapper table:not([data-border='0']) > tbody > tr > td {
    border-left-width: 1px;
    border-style: solid;
}

.css-document-view .tableActionsWrapper table:not([data-border='0']) > tbody > tr > th + td {
    border-style: solid;
    border-left-width: 0;
}

.css-document-view .tableActionsWrapper table:not([data-border='0']) > tbody:not(:first-of-type) > tr > td {
    border-style: solid;
}

.css-document-view .tableActionsWrapper table:not([data-border='0']) > tbody > tr > td {
    border-style: solid;
    border-bottom-width: 1px;
}

.css-document-view .tableActionsWrapper table:not([data-border='0']) tr td {
    border: 1px solid;
    padding: 4px 12px 4px 8px;
}

.css-document-view .tableActionsWrapper table td > *:not(.callout),
.css-document-view .tableActionsWrapper table th > *:not(.callout):not(.th-inner),
.css-document-view .tableActionsWrapper table th > .th-inner > *:not(.callout) {
    margin-bottom: 0;
}

.css-document-view .tableActionsWrapper table th:not([bgcolor]) {
    background-color: #f1f3f5;
    font-weight: bold;
    text-align: left;
}

.css-document-view .tableActionsWrapper table:not([data-border='0']) tbody td {
    border: 1px solid;
}

.css-document-view .tableActionsWrapper table:not([data-border='0']) > thead:has(.th-inner) + tbody > tr > td {
    border-top-width: 0;
}

.css-document-view .tableActionsWrapper td p {
    margin-top: 6px;
    margin-bottom: 0;
    padding: 0 8px;
    color: rgba(38, 38, 38, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.css-document-view .callout {
    padding: 12px 6px;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    line-height: 21px;
    margin: 18px 0;
    border-radius: 2px;
    width: 100%;
}

.css-document-view .callout > span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    font-size: 20px;
}

.css-document-view .callout > span[data-emoji]::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    content: attr(data-emoji);
}

.css-document-view .callout > div {
    width: 100%;
    overflow: hidden;
}

.css-document-view .callout > div > p {
    padding-left: 1px;
    margin-top: 0;
    margin-bottom: 0;
    word-break: break-word;
    word-wrap: break-word;
    line-height: 150%;
}

.css-document-view td .callout > div > p {
    word-break: inherit;
}

.css-document-view .aquablock {
    background-color: #e8f7fb;
}

.css-document-view .yellowblock {
    background-color: #fff8d7;
}

.css-document-view .redblock {
    background-color: #fdebe9;
}

.css-document-view .blueblock {
    background-color: #ebf5ff;
}

.css-document-view .pirpleblock {
    background-color: #f4eeff;
}

.css-document-view .greenblock {
    background-color: #f2ffee;
}

.css-document-view .callout .icon:before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.css-document-view .callout .icon.yellow:before {
    background-image: url(/tiptap/icons/callout-yellow.svg);
}

.css-document-view .callout .icon.green:before {
    background-image: url(/tiptap/icons/callout-green.svg);
}

.css-document-view .callout .icon.blue:before {
    background-image: url(/tiptap/icons/callout-blue.svg);
}

.css-document-view .callout .icon.pirple:before {
    background-image: url(/tiptap/icons/callout-pirple.svg);
}

.css-document-view .callout .icon.red:before {
    background-image: url(/tiptap/icons/callout-red.svg);
}

.css-document-view .columnBlock {
    display: grid;
    gap: 10px;
}

.css-document-view .columnBlock[data-cols='2'] {
    grid-template-columns: 1fr 1fr;
}

.css-document-view .columnBlock[data-cols='3'] {
    grid-template-columns: 1fr 1fr 1fr;
}

.css-document-view .columnBlock[data-cols='2'] {
    grid-template-columns: 1fr 1fr;
}

.css-document-view .columnBlock[data-cols='2'][data-template='left'] {
    grid-template-columns: 67% 1fr;
}

.css-document-view .columnBlock[data-cols='2'][data-template='right'] {
    grid-template-columns: 1fr 67%;
}

.css-document-view .columnBlock[data-cols='3'][data-template='center'] {
    grid-template-columns: 1fr 50% 1fr;
}

.css-document-view .columnBlock[data-visible='1'] .column {
    border-color: rgba(51, 139, 194, 0.5);
}

.css-document-view .columnBlock .column {
    word-break: break-all;
}

.css-document-view .columnBlock {
    margin-top: 10px;
    margin-bottom: 10px;
}

.css-document-view .columnBlock .column {
    padding: 6px;
    min-height: 32px;
    border: 1px solid transparent;
    border-radius: 5px;
    overflow: auto;
}

.css-document-view .columnBlock .column p:first-child {
    margin-top: 0;
}

.css-document-view .columnBlock .column p:last-child {
    margin-bottom: 0;
}

.css-document-view .tiptap-blockquote {
    margin: 0;
    quotes: none;
    padding-top: 2px;
    padding-bottom: 9px;
    padding-left: 12px;
    border-left: 3px solid rgba(39, 155, 217, 0.2);
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    font-style: italic;
    font-family: inherit;
}

.common-document-styles ol[data-type='ordered-list'],
.common-document-styles ul[data-type='bullet-list'] {
    white-space: normal !important;
    padding-left: 40px !important;
}

.css-document-view img {
    object-fit: contain;
}

@media print {
    .css-document-view body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        overflow: hidden;
    }

    .css-document-view .tableActionsWrapper {
        break-inside: avoid-column;
        break-after: avoid-column;
    }
}

.css-document-view .tableActionsWrapper table li {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.css-document-view .tableActionsWrapper table li p {
    margin: 0;
}

.css-document-view li.list-right {
    text-align: right;
}

.css-document-view li.list-left {
    text-align: left;
}

.css-document-view li.list-center {
    text-align: center;
}

.css-document-view li.list-justify {
    text-align: justify;
}

.css-document-view video {
    max-width: 100%;
}

.css-document-view pre code {
    font-family: monospace;
    white-space: pre !important;
}

.css-document-view pre code[class*='language'] {
    display: block;
    background: rgba(39, 155, 217, 0.1);
    border-radius: 0.5rem;
    /* color: #fff; */

    font-family: 'JetBrainsMono', monospace;
    padding: 0.75rem 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    /* color: inherit; */

    font-size: 0.8rem;
}

.css-document-view details summary::-webkit-details-marker {
    display: none;
}

.css-document-view details > summary {
    list-style: none;
    cursor: pointer;
}

.css-document-view details {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 7px;
    width: 100%;
    border: 1px solid rgba(51, 139, 194, 1) !important;
    border-radius: 2px;
    overflow: auto;
}

.css-document-view details > div {
    margin-top: 6px;
    padding-left: 22px;
    width: 100%;
}

.css-document-view details > summary {
    display: block;
    padding: 0 !important;
    color: rgba(38, 38, 38, 1) !important;
    font-size: 16px;
    line-height: 18px;
    outline: none;
}

.css-document-view details > summary:before {
    display: inline-block;
    content: '';
    padding: 0;
    margin: 0;
    margin-right: 3px;
    background-color: transparent;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20fill%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M13.5%207.25L9%2011.75L4.5%207.25%22%20stroke%3D%22%23338BC2%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    border: none;
    min-width: 18px;
    height: 19px;
    transform: translateY(4px) rotate(-90deg);
}

.css-document-view details[open] > summary:before {
    transform: translateY(4px) rotate(0deg);
}

.css-document-view details p {
    margin-top: 6px;
    margin-bottom: 0;
    padding: 0;
    color: rgba(38, 38, 38, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.css-document-view .tiarm {
    position: relative;
    display: inline;
    background: #e5ebf7;
    border: 1px solid #7b8f9c;
    border-radius: 3px;
    padding-left: 1px;
    padding-right: 1px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.css-document-view .tiarm:hover {
    background: rgba(18, 128, 206, 0.25);
    border: 1px solid #1280ce;
}

.css-document-view ins,
.css-document-view del {
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
    text-decoration: none;
}

.css-document-view ins {
    background: rgba(80, 182, 120, 0.35);
}

.css-document-view del {
    background: rgba(255, 105, 115, 0.35);
    text-decoration: line-through;
}

.css-document-view .diffmod,
.css-document-view .diffins,
.css-document-view .diffdel {
    display: inline-block;
}

.css-document-view ul > ins,
.css-document-view ol > ins,
.css-document-view ul > del,
.css-document-view ol > del {
    margin-left: -28px;
}

.css-document-view ul > ins li,
.css-document-view ol > ins li,
.css-document-view ul > del li,
.css-document-view ol > del li {
    margin-left: 22px;
}

.css-document-view .table-of-contents ul > ins,
.css-document-view .table-of-contents ul > del {
    margin-left: 0;
}

.css-document-view .table-of-contents ul > ins li,
.css-document-view .table-of-contents ul > del li {
    margin-left: 0;
}

.css-document-view s:has(span) {
    text-decoration: none;
}

.css-document-view s span {
    text-decoration: line-through;
}

.css-document-view a:has(s) {
    text-decoration: line-through;
}

.css-document-view a:has(u) {
    text-decoration: underline;
}

.css-document-view ul[data-type='taskList'] {
    position: relative;
    list-style: none;
    margin-left: 0;
    padding: 0;
    padding-left: 19px;
}

.css-document-view ul[data-type='taskList'] li {
    display: flex;
    align-items: flex-start;
    margin-top: 1em;
    margin-bottom: 1em;
}

.css-document-view ul[data-type='taskList'] li > div {
    flex: 1 1 auto;
}

.css-document-view ul[data-type='taskList'] li > div > p {
    margin: 0;
}

.css-document-view ul[data-type='taskList'] li label {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

.css-document-view ul[data-type='taskList'] li label.disabled {
    cursor: not-allowed;
}

@media not all and (hover: none) {
    .css-document-view ul[data-type='taskList'] li label:hover {
        color: #1280ce;
    }
}

.css-document-view ul[data-type='taskList'] input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    left: 0;
}

.css-document-view ul[data-type='taskList'] input:disabled {
    cursor: not-allowed;
}

.css-document-view ul[data-type='taskList'] .checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 14px;
    width: 14px;
    background: transparent;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius: 5px;
}

.css-document-view ul[data-type='taskList'] .checkmark::after {
    position: absolute;
    display: none;
    box-sizing: unset;
    content: '';
}

.css-document-view ul[data-type='taskList'] input:disabled ~ .checkmark {
    cursor: not-allowed;
}

.css-document-view ul[data-type='taskList'] input:checked ~ .checkmark {
    background: #1280ce;
    border: none !important;
    @media not all and (hover: none) {
        &:hover {
            background: #188fe3;
        }
    }
}

.css-document-view ul[data-type='taskList'] input:checked ~ .checkmark::after {
    content: '';
    display: block;
    top: 1px;
    left: 5px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}

.common-document-styles .copy-heading-link-button {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: inherit;
    line-height: inherit;
}

.common-document-styles .copy-heading-link-container {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s ease;
}
.common-document-styles .copy-heading-link-img {
    pointer-events: none;
    display: inline-block;
    vertical-align: baseline;
    cursor: pointer;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background-image: url('/icons/link.svg');
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.common-document-styles :is(h1, h2, h3, h4, h5, h6):hover .copy-heading-link-container {
    opacity: 1;
    pointer-events: all;
}

.common-document-styles .copy-heading-link-img:hover {
    background-image: url('/icons/link-hover.svg');
}

.common-document-styles .copy-heading-link-img.copied,
.common-document-styles .copy-heading-link-img.copied:hover {
    background-image: url('/icons/check_sircle.svg');
}

.common-document-styles ul[data-list-type='list-option-1'] {
    list-style: '⊙ ' !important;
}

.common-document-styles ul[data-list-type='list-option-2'] {
    list-style: '◍ ' !important;
}
.common-document-styles ul[data-list-type='list-option-3'] {
    list-style: '◆ ' !important;
}

.common-document-styles ul[data-list-type='list-option-4'] {
    list-style: '❖ ' !important;
}

.common-document-styles ul[data-list-type='list-option-5'] {
    list-style: '✦ ' !important;
}

.common-document-styles ul[data-list-type='list-option-6'] {
    list-style: '✧ ' !important;
}

.common-document-styles ul[data-list-type='list-option-7'] {
    list-style: '✱ ' !important;
}

.common-document-styles ul[data-list-type='list-option-8'] {
    list-style: '☆ ' !important;
}

.common-document-styles ul[data-list-type='list-option-9'] {
    list-style: '◌ ' !important;
}

.common-document-styles ul[data-list-type='list-option-10'] {
    list-style: '✓ ' !important;
}

.common-document-styles blockquote {
    padding-top: 2px;
    padding-bottom: 9px;
    padding-left: 12px;
    border-left: 3px solid rgb(39 155 217 / 20%);
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    font-style: italic;
}

.common-document-styles blockquote p {
    padding: 0;
    margin: 0;
    line-height: 21px;
}