Progress par style in custom.css:

/* Progress bar */
progress {
  vertical-align: middle;
  border-radius: 8px;
  height: 0.6em;
  width: 100px;
  border: 1px solid #000;
  overflow: hidden;
}

progress::-webkit-progress-bar {
  background: var(--ls-tertiary-background-color);
}

progress::-webkit-progress-value {
  background: var(--ct-success-color);
}
  • id:: 622dec42-eb38-4427-b068-e7b786a82f4f

Custom CSS to move arrows to left - more close to any web-browser layout

/***
    Toobar icons
***/

/* shrink left toolbar */
.cp__header > .l {
  width: auto;
}

/* move all icons to left*/
.cp__header > .r {
  justify-content: flex-start;
}

/* hide home button (i don't use it at all) */
body:not([data-page="home"]) .r > div:nth-child(2) {
  display: none !important;
}

/* add gap before plugin icons + reorder */
.ui-items-container[data-type="toolbar"] {
  margin-left: auto;
  order: 1;
}
.ui__dropdown-trigger {
  order: 2;
}
.r > div:last-child {
  display: flex !important;
  order: 3;
}

Coloring for tasks according this diagram by @danzu

/* TODO colors */
.form-checkbox:checked {
  background-color: #2c89d9;
}
.block-marker.NOW,
.block-marker.DOING {
  color: #27ae9e;
}
.block-marker.LATER {
  color: #e88438;
}
.block-marker.TODO {
  color: #d3455b;
}
.block-marker.waiting {
  color: #f6c423;
}

Custom CSS for making query results more compact

/* Compact query results */
.custom-query-title {
  display: flex;
}
.custom-query .color-level,
.custom-query .table-auto {
  margin: 0;
}
.custom-query .flex.flex-row.align-items.mt-2 {
  justify-content: flex-end;
  margin-top: -1.4em;
}

iOS css: Move the toggle a bit from the edge of the screen and set it to always visible on iOS

/*ios 展开交互开始*/

/*控制位置*/
html.is-ios .block-control {
  position: absolute;
  right: 0px;
  margin-right: -14px;
}

/*控制大小*/
html.is-ios .block-control svg {
  width: 24px !important;
  height: 24px !important;
}
/*控制旋转*/
html.is-ios .block-control .collapsed svg[aria-hidden="true"] {
  transform: rotate(180deg);
}
/*控制打开时显示*/
html.is-ios div[haschild="true"] > div > div > .block-control .control-hide {
  display: block;
}

/*控制关闭时也显示*/
html.is-ios
  div[data-collapsed="false"]
  > div
  > div
  > .block-control
  .control-hide {
  display: block;
}
html.is-ios .page-blocks-inner {
  padding-left: 10px;
  padding-right: 4px;
}

/*控制闪卡中不显示*/
html.is-ios .cards-review .ls-card .block-control {
  display: none;
}
/*ios 展开交互结束*/

Dim installed plugins in Marketplace, make installable plugins easier to see (maybe could be a default rule ?)

/* MARKETPLACE - hide installed 
    

    

    

    

    

    

    

    

    
===*/
.cp__plugins-marketplace .cp__plugins-item-card.market.installed {
  opacity: 0.4;
}

Modify the style of the block being edited

.editor-inner textarea {
  background-color: coral;
}

Custom right sidebar layout

/* right sidebar layout */
.cp__right-sidebar {
  font-family: "Roboto Slab";
  font-size: 14px;
  background: transparent;
}
div.cp__right-sidebar-topbar {
  background: #80397b;
  margin-top: 7px;
  margin-left: 1px;
  margin-right: 7px;
  border-radius: 4px;
}
.cp__right-sidebar-settings-btn {
  color: white !important;
}
.cp__right-sidebar .sidebar-item {
  background: #faf1f8;
  border-radius: 4px;
  margin-top: 7px;
  margin-right: 7px;
  margin-left: 1px;
  -webkit-box-shadow: 0.7px 0.8px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0.7px 0.8px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0.7px 0.8px 3px 0px rgba(0, 0, 0, 0.5);
}
div.sidebar-item.content.color-level.px-4.shadow-lg {
  padding-top: 0px;
  padding-bottom: 0px;
}

demo


Cool custom query dashboard.

/* Css Querys para que se puedan ver mejor */

/* Tipp de comportamiento del texto en la tabla*/
.whitespace-nowrap {
  white-space: initial;
  min-width: 170px;
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  margin-left: 0px;
}

/* Este es el conteneor completo de la tabla */
.overflow-x-auto {
  min-width: 1100px;
  margin-left: -170px;
}

/* Este es la parte superior del titulo */
th {
  font-size: 18px;
  font-weight: 500;
  background-color: var(--ls-secondary-background-color);
  text-transform: capitalize;
  padding: 10px 8px;
}

th .mr-1 {
  color: var(--ls-link-text-color-amarillo);
}

/** CSS de la comunidad que comprime la parte superior de opciones */

.custom-query-title {
  display: flex;
}
.custom-query .color-level,
.custom-query .table-auto {
  margin-top: 5px;
}
.custom-query .flex.flex-row.align-items.mt-2 {
  justify-content: flex-end;
  margin-top: -1.4em;
  position: relative;
  z-index: 1;
}

/**** STATUS CSS ****/

/****** Para Leer **** ****/

.page-reference[data-ref^="para leer"] .page-ref,
.page-ref[data-ref^="para leer"] {
  background-color: #e90000;
  color: #fff !important;
  padding: 1px 10px 1px 0px;
  border-radius: 5px;
}

.recent-item[data-ref^="para leer"] a,
.favorite-item[data-ref="Para Leer"] a,
.title[data-ref^="para leer"] {
  color: #transparent;
}

.recent-item[data-ref^="para leer"],
.favorite-item[data-ref="Para Leer"] {
  position: relative;
}
.recent-item[data-ref^="para leer"] .page-icon,
.favorite-item[data-ref="Para Leer"] .page-icon {
  visibility: hidden;
}

.page-reference[data-ref^="para leer"] .page-ref:before,
.page-ref[data-ref^="para leer"]:before {
  content: "🟥 ";
  margin-right: 8px;
  border: 1px solid #fff;
  border-radius: 4px 0px 0px 4px;
}

.recent-item[data-ref^="para leer"]:before,
.favorite-item[data-ref="Para Leer"]:before {
  content: "🟥" !important;
  margin-right: 2px;
  font-size: 14px;
}

.title[data-ref^="para leer"]:before {
  content: "🟥 " !important;
  margin-right: 2px;
}

.recent-item[data-ref^="para leer"]:before,
.favorite-item[data-ref="Para Leer"]:before {
  position: absolute;
  left: 20px;
  top: 3px;
}

/****** Leyendo **** ****/

.page-reference[data-ref="leyendo"] .page-ref,
.page-ref[data-ref="leyendo"] {
  background-color: #ff8b00;
  color: #fff !important;
  padding: 1px 10px 1px 0px;
  border-radius: 5px;
}

.recent-item[data-ref="leyendo"] a,
.favorite-item[data-ref="Leyendo"] a,
.title[data-ref="leyendo"] {
  color: #transparent;
}

.recent-item[data-ref="leyendo"],
.favorite-item[data-ref="Leyendo"] {
  position: relative;
}
.recent-item[data-ref="leyendo"] .page-icon,
.favorite-item[data-ref="Leyendo"] .page-icon {
  visibility: hidden;
}

.page-reference[data-ref="leyendo"] .page-ref:before,
.page-ref[data-ref="leyendo"]:before {
  content: "🟧 ";
  margin-right: 8px;
  border: 1px solid #fff;
  border-radius: 4px 0px 0px 4px;
}

.recent-item[data-ref="leyendo"]:before,
.favorite-item[data-ref="Leyendo"]:before {
  content: "🟧" !important;
  margin-right: 2px;
  font-size: 14px;
}

.title[data-ref="leyendo"]:before {
  content: "🟧 " !important;
  margin-right: 2px;
}

.recent-item[data-ref="leyendo"]:before,
.favorite-item[data-ref="Leyendo"]:before {
  position: absolute;
  left: 20px;
  top: 3px;
}

/****** Estudiando **** ****/

.page-reference[data-ref="estudiando"] .page-ref,
.page-ref[data-ref="estudiando"] {
  background-color: #0066fc;
  color: #fff !important;
  padding: 1px 10px 1px 0px;
  border-radius: 5px;
}

.recent-item[data-ref="estudiando"] a,
.favorite-item[data-ref="Estudiando"] a,
.title[data-ref="estudiando"] {
  color: #transparent;
}

.recent-item[data-ref="estudiando"],
.favorite-item[data-ref="Estudiando"] {
  position: relative;
}
.recent-item[data-ref="estudiando"] .page-icon,
.favorite-item[data-ref="Estudiando"] .page-icon {
  visibility: hidden;
}

.page-reference[data-ref="estudiando"] .page-ref:before,
.page-ref[data-ref="estudiando"]:before {
  content: "🟦 ";
  margin-right: 8px;
  border: 1px solid #fff;
  border-radius: 4px 0px 0px 4px;
}

.recent-item[data-ref="estudiando"]:before,
.favorite-item[data-ref="Estudiando"]:before {
  content: "🟦" !important;
  margin-right: 2px;
  font-size: 14px;
}

.title[data-ref="estudiando"]:before {
  content: "🟦 " !important;
  margin-right: 2px;
}

.recent-item[data-ref="estudiando"]:before,
.favorite-item[data-ref="Estudiando"]:before {
  position: absolute;
  left: 20px;
  top: 3px;
}

/****** Analizado - Notas **** ****/

.page-reference[data-ref="analizado - notas"] .page-ref,
.page-ref[data-ref="analizado - notas"] {
  background-color: #ca24ff;
  color: #fff !important;
  padding: 1px 10px 1px 0px;
  border-radius: 5px;
}

.recent-item[data-ref="analizado - notas"] a,
.favorite-item[data-ref="Analizado - Notas"] a,
.title[data-ref="analizado - notas"] {
  color: #transparent;
}

.recent-item[data-ref="analizado - notas"],
.favorite-item[data-ref="Analizado - Notas"] {
  position: relative;
}
.recent-item[data-ref="analizado - notas"] .page-icon,
.favorite-item[data-ref="Analizado - Notas"] .page-icon {
  visibility: hidden;
}

.page-reference[data-ref="analizado - notas"] .page-ref:before,
.page-ref[data-ref="analizado - notas"]:before {
  content: "🟪 ";
  margin-right: 8px;
  border: 1px solid #fff;
  border-radius: 4px 0px 0px 4px;
}

.recent-item[data-ref="analizado - notas"]:before,
.favorite-item[data-ref="Analizado - Notas"]:before {
  content: "🟪" !important;
  margin-right: 2px;
  font-size: 14px;
}

.title[data-ref="analizado - notas"]:before {
  content: "🟪 " !important;
  margin-right: 2px;
}

.recent-item[data-ref="analizado - notas"]:before,
.favorite-item[data-ref="Analizado - Notas"]:before {
  position: absolute;
  left: 20px;
  top: 3px;
}

/****** Terminado **** ****/

.page-reference[data-ref="terminado"] .page-ref,
.page-ref[data-ref="terminado"] {
  background-color: #00bf00;
  color: #fff !important;
  padding: 1px 10px 1px 0px;
  border-radius: 5px;
}

.recent-item[data-ref="terminado"] a,
.favorite-item[data-ref="Terminado"] a,
.title[data-ref="terminado"] {
  color: #transparent;
}

.recent-item[data-ref="terminado"],
.favorite-item[data-ref="Terminado"] {
  position: relative;
}
.recent-item[data-ref="terminado"] .page-icon,
.favorite-item[data-ref="Terminado"] .page-icon {
  visibility: hidden;
}

.page-reference[data-ref="terminado"] .page-ref:before,
.page-ref[data-ref="terminado"]:before {
  content: "🟩 ";
  margin-right: 8px;
  border: 1px solid #fff;
  border-radius: 4px 0px 0px 4px;
}

.recent-item[data-ref="terminado"]:before,
.favorite-item[data-ref="Terminado"]:before {
  content: "🟩" !important;
  margin-right: 2px;
  font-size: 14px;
}

.title[data-ref="terminado"]:before {
  content: "🟩 " !important;
  margin-right: 2px;
}

.recent-item[data-ref="terminado"]:before,
.favorite-item[data-ref="Terminado"]:before {
  position: absolute;
  left: 20px;
  top: 3px;
}

/****** Releer **** ****/

.page-reference[data-ref="releer"] .page-ref,
.page-ref[data-ref="releer"] {
  background-color: #8c512e;
  color: #fff !important;
  padding: 1px 10px 1px 0px;
  border-radius: 5px;
}

.recent-item[data-ref="releer"] a,
.favorite-item[data-ref="Releer"] a,
.title[data-ref="releer"] {
  color: #transparent;
}

.recent-item[data-ref="releer"],
.favorite-item[data-ref="Releer"] {
  position: relative;
}
.recent-item[data-ref="releer"] .page-icon,
.favorite-item[data-ref="Releer"] .page-icon {
  visibility: hidden;
}

.page-reference[data-ref="releer"] .page-ref:before,
.page-ref[data-ref="releer"]:before {
  content: "🟫 ";
  margin-right: 8px;
  border: 1px solid #fff;
  border-radius: 4px 0px 0px 4px;
}

.recent-item[data-ref="releer"]:before,
.favorite-item[data-ref="Releer"]:before {
  content: "🟫" !important;
  margin-right: 2px;
  font-size: 14px;
}

.title[data-ref="releer"]:before {
  content: "🟫 " !important;
  margin-right: 2px;
}

.recent-item[data-ref="releer"]:before,
.favorite-item[data-ref="Releer"]:before {
  position: absolute;
  left: 20px;
  top: 3px;
}

Demo


With some extra css, we can highlight the ruby and make the annotation appear only on hover.

"wrap-ruby": {
    "label": "ruby",
    "binding": "",
    "template": "[:ruby \"$^\" [:rt \"\"]]",
    "icon": "<svg width=\"200px\" height=\"200px\" viewBox=\"0 0 76 76\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" baseProfile=\"full\" enable-background=\"new 0 0 76.00 76.00\" xml:space=\"preserve\"><path fill=\"#eeeeee\" fill-opacity=\"1\" stroke-width=\"0.2\" stroke-linejoin=\"round\" d=\"M 31.6666,30.0834L 42.7499,30.0834L 42.7499,33.2501L 42.7499,52.2501L 45.9165,52.2501L 45.9165,57.0001L 31.6666,57.0001L 31.6666,52.2501L 34.8332,52.2501L 34.8332,34.8335L 31.6666,34.8335L 31.6666,30.0834 Z M 38.7917,19C 40.9778,19 42.75,20.7722 42.75,22.9583C 42.75,25.1445 40.9778,26.9167 38.7917,26.9167C 36.6055,26.9167 34.8333,25.1445 34.8333,22.9583C 34.8333,20.7722 36.6055,19 38.7917,19 Z \" /></svg>"
  },
+ and this is what i added in custom.css courtesy of @canniblox
ruby {
  background-color: #b0bec550;
}

Moveable search box

.ui__modal-overlay div {
  background: none;
}
.panel-content .cp__palette {
  width: 500px;
  height: 500px;
}
.ui__modal-panel {
  transition: none;
  transform: none;
  margin-top: auto;
  margin-right: auto;
}
.ui__modal-panel .panel-content {
  min-width: 500px;
}

#ui__ac-inner .text-sm.font-medium.flex.items-baseline,
.ml-2 {
  font-family: "Segoe UI";
  font-size: 13px;
  font-weight: 550;
  line-height: 1rem;
}
.cp__palette-input,
.cp__select-input {
  font-size: 16px;
  outline: 0;
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

To remove/hide/format “Table View”, “Set properties”, etc. in query results.

/*Hide "Set properties"*/
.text-sm.mr-1 {
  display: none;
}

/* Hide "table view" from queries */
div.mx-2 {
  display: none;
}

/*Hide the table-view selector*/
span.wrapper.transition-colors.ease-in-out {
  display: none;
}

/* Remove the actual query displayed in simple query tables */
div.dsl-query > div.custom-query > div.flex > div.content {
  display: none;
}

/*Formatting results count*/
span.opacity-60.text-sm.ml-2.results-count {
  font-size: 0.7rem;
  font-weight: 400;
}

Use [data-ref="value"] to modify the CSS attributes(icon, font) for specific tags. For example the following will apply the following changes to tags named “literature note”.

a.tag[data-ref$="literature note"]:after {
  content: "📝";
  font-size: 16px;
}
a.tag[data-ref$="TAG_NAME"] {
  font-family: "FAMILY_NAME";
}
span[data-ref^="Go Live"] .page-ref::before {
  content: "🚀";
}

Colored block via tags.

/** Tag note ***/

div[data-refs-self*="1note"] {
  background-color: rgba(253, 245, 255, 1);
  color: #834b86;
  border: solid 1px #e6c5e8;
  border-left: solid 4px #935496;
  padding: 12px 0px 12px 0px;
  border-radius: 0px 5px 5px 0px;
  margin-top: 5px;
  margin-left: 1px;
  margin-bottom: 10px;
}

a.tag[data-ref="1note"] {
  olor: transparent;
  font-size: 0px;
}

a.tag[data-ref="1note"]:before {
  background-color: #835885;
  bottom: -8px;
  content: "";
  display: inline-block;
  left: -2px;
  margin: -13px 0px 0px 0px;
  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAQ7SURBVHic7Zvbi01RHMc/DBlEGJchcsnlQUJTo1wGcUhCuTzgxYOU/AHePCGv8qQpbx5QihdxXIZIJiJyaUJEqHFnmIyZ8fBbq7PPvq69Z885++Jbq7X3uq/f/q3v+q3fWQf+I98YUOH+bgDDDMotBzoM2xwONAEtwO9ow6ocfgC9BmGkTxs1QAOwHygCnarO2igDGhSlUgxoAn65pF9Hvqgds4ACsBpYCYxyKVMALoYdSLUE8ADRBju6VTwW+aKrgTXANFu5l8BlFXqBM6ps4qGXwAiP/G8qv4fyJdEOnAJ24xRGLcIXPcCE2EccM0wF0AXcRNZ5AzAwoN2Lqt72sAMK2gVaDToPg4WqvZG4L4FvKu8p7hzhhSnAeOA98M4lfy3wKdRIFboxY+2wIUgD4g71XhM0JcFGZI31Ff1hB/jhEjCmLw1oDaiJYTBgzgF+dkAYfCAmDYgb5yhteVaYaEesqJYAVlapXwfsAhgELKJkdcW5AwBsxGw5hdkBYsFs4DzwHXcWjYsDKo1ADtCop2R9PQOOAZuInwQrDWMBADxUhVdY0jIvACsHFIF5yPpvCWj4AtUjUD9sRbbSSFiHSOuOJc1LA/7QPxZbX8M42zhDacANNbEGYDTwxasSIqxKe5NMEPnra7QgEtus3jPPAfZ9vqjiQn+NKGmwE1kROEiwdyWTJAii6p8QtZlOzkgQNeEWhAP8tCCzJAiwF5HaKXJAgm6YqSp9JAcCcCOy58ArnN5XKzJLghrN+J8G00aCTV4T9fqKRcQH74W0kWABsXSNUUe5RzjtHHA7SuV7ZEcAf5HzjQN+Lq/L/TGiKqEGcbU74CeAok9eGhH6fFNLyU2W9iXQC7RFaSArhlCXiqfaC8Tt9k4q7qrYcb7JiwA0oYe+RJGVJdCk4nZsHz0vGtCGnG/GAvOtGXkRAMBVFZctgzwJwNXfmcQjrQnO4n3HwAqr+XsFsWuWIjZOp0lHSSVB7bc0Ddohcl+9r9INpVUDNLYgv2jbsRPY5ZJeBBYgy+CKSQdJ14A6l7z1lCw/PX6tAQX1rg2jzJHgYuA0otmHkH1fYyIwQz0vRLbEQKRJA+Za0psRj5U2hNpw8sIWk47SIoDJwGuVdp4St1lPgx0IB+jbp0YuvTQIoA54ot6vA0Mt5bQANgCDo3SUdAFMBm6p50c43V6RfhixIukCuKnil8Akl3KZF4A+4c3xKBfbTdFW1VBSYL1K2wWc9CgXeE84iAm7yYatMBHRBgeCNKDRJW0NcBi5TLXPoPMhwBLkGLqMcpYG+AxcQ7w29zC7lT6NcB/ma4iygZiEDPI73lvLDGAPYpXZ/wPQhZiiRxChRNqeqo3HyGSWqfd6YBtwHHiL0+p6ofK2Ed9V+KriKDKxVuRqrX3Cb4ATwA5S8EemKNhA+YR/EsHMTDNGIGbnAeQElna/wn/kFv8A8zvyPfywxCQAAAAASUVORK5CYII=");
  -webkit-mask-box-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAQ7SURBVHic7Zvbi01RHMc/DBlEGJchcsnlQUJTo1wGcUhCuTzgxYOU/AHePCGv8qQpbx5QihdxXIZIJiJyaUJEqHFnmIyZ8fBbq7PPvq69Z885++Jbq7X3uq/f/q3v+q3fWQf+I98YUOH+bgDDDMotBzoM2xwONAEtwO9ow6ocfgC9BmGkTxs1QAOwHygCnarO2igDGhSlUgxoAn65pF9Hvqgds4ACsBpYCYxyKVMALoYdSLUE8ADRBju6VTwW+aKrgTXANFu5l8BlFXqBM6ps4qGXwAiP/G8qv4fyJdEOnAJ24xRGLcIXPcCE2EccM0wF0AXcRNZ5AzAwoN2Lqt72sAMK2gVaDToPg4WqvZG4L4FvKu8p7hzhhSnAeOA98M4lfy3wKdRIFboxY+2wIUgD4g71XhM0JcFGZI31Ff1hB/jhEjCmLw1oDaiJYTBgzgF+dkAYfCAmDYgb5yhteVaYaEesqJYAVlapXwfsAhgELKJkdcW5AwBsxGw5hdkBYsFs4DzwHXcWjYsDKo1ADtCop2R9PQOOAZuInwQrDWMBADxUhVdY0jIvACsHFIF5yPpvCWj4AtUjUD9sRbbSSFiHSOuOJc1LA/7QPxZbX8M42zhDacANNbEGYDTwxasSIqxKe5NMEPnra7QgEtus3jPPAfZ9vqjiQn+NKGmwE1kROEiwdyWTJAii6p8QtZlOzkgQNeEWhAP8tCCzJAiwF5HaKXJAgm6YqSp9JAcCcCOy58ArnN5XKzJLghrN+J8G00aCTV4T9fqKRcQH74W0kWABsXSNUUe5RzjtHHA7SuV7ZEcAf5HzjQN+Lq/L/TGiKqEGcbU74CeAok9eGhH6fFNLyU2W9iXQC7RFaSArhlCXiqfaC8Tt9k4q7qrYcb7JiwA0oYe+RJGVJdCk4nZsHz0vGtCGnG/GAvOtGXkRAMBVFZctgzwJwNXfmcQjrQnO4n3HwAqr+XsFsWuWIjZOp0lHSSVB7bc0Ddohcl+9r9INpVUDNLYgv2jbsRPY5ZJeBBYgy+CKSQdJ14A6l7z1lCw/PX6tAQX1rg2jzJHgYuA0otmHkH1fYyIwQz0vRLbEQKRJA+Za0psRj5U2hNpw8sIWk47SIoDJwGuVdp4St1lPgx0IB+jbp0YuvTQIoA54ot6vA0Mt5bQANgCDo3SUdAFMBm6p50c43V6RfhixIukCuKnil8Akl3KZF4A+4c3xKBfbTdFW1VBSYL1K2wWc9CgXeE84iAm7yYatMBHRBgeCNKDRJW0NcBi5TLXPoPMhwBLkGLqMcpYG+AxcQ7w29zC7lT6NcB/ma4iygZiEDPI73lvLDGAPYpXZ/wPQhZiiRxChRNqeqo3HyGSWqfd6YBtwHHiL0+p6ofK2Ed9V+KriKDKxVuRqrX3Cb4ATwA5S8EemKNhA+YR/EsHMTDNGIGbnAeQElna/wn/kFv8A8zvyPfywxCQAAAAASUVORK5CYII=");
  mask-position: center;
  -webkit-mask-box-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-size: 24px 24px;
  -webkit-mask-box-size: 14px 14px;
  object-fit: cover;
  position: relative;
  transition: 0.3s;
  width: 1.8rem;
  height: 1.8rem;
}

.dark div[data-refs-self*="1note"] {
  background-color: rgba(91, 33, 182, 1);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAABOFBMVEWZqK+aqK6Upa2arq6Zr6+eqrCesLCUra2fqrCSpK2fsLCarrWesLahsbGSra2hrLGKn6qZr7afsLWisbGirLGUrbWhsbaGnqqZqKiKqqqSrbaisbWkrbKaqKiksrKUpaV4lqWGqqqUpbWSpKSeqraaqLWksraZqLaaoa6ksbGUnK2eqqqetraZoK+KqrWfqrWfqqqGnp6msrakrbGksbaepLCUnKWSm62ftbWGqraZtrahtramsrKatbV4paWZtq+hrKyata6SpLaUtbWfpLCmsraetrCKn5+ftbCKlaqmrrKZoKiirLWaoaimsrKhrLaSraSepKqirKyhtrGitbWKlZ+Sm6SesKqhp7GosramtrZ4pbSmrq6osrZ4lpaUtb2osrKisayUta2GkqqarqikrbaStq2Zr6j2Bb4KAAAAaHRSTlMjJh8mIyoqHy0cLSYqMRwxGCMtNDQfMRUjGBw0OCY4HxEVHxwqJjgjJjsfKiojGC0tFT87OyofHC0VIzE/JhEjMSYcHy1CKhgtGD8jNCZCMRwqNDE0GBwqMUk/ET9GER9GNB8VJjscIyObnb4AABdqSURBVHheLdDT0rZtuyPsZOehk5dvPfZrfbYGjbZ/rP8adI/qMZWJVCpVG56tKesq2opa7eUw5dfzioeJy+Rapewqr1BF5P4+nMr3E4Fa0c0SVldRDI4fex8udQX9c/wm/urAO0iV3ET+df+s6jKF+vnp4Zu303EpLgIcPlDBwK/i10/Hczn6hggxk1WikCE8u4ouFLxLpMD5Z5PJrQJEwpRw1/KdD3r5AfVKb6oaAahct8en+z6ftDnYSkiaQgyiJp9viEDO6BaCxpdrxbGYWHl8f8111oi/k/DiqDUtBmQcIr4cnHGbJg9nCjIF1/zLHevl+fM7CKfjIWxdq5hyFvpSphKKTTJT2GLXZKPkTkU3dfdaoWLUFOXREVersbig+nmajmEqKjg/NCUBufzSyywZ5dgYIN1QBF6+DC1nzfoqlRhdzAufaQQAABom2EqhzW6toJy1xnEJgCmAlzBAhKHxCB1ymVVZX6wyHafXSHyGBasB795wmUiaaq2ntCAhj+8RDmU06FSOh+NBrDlVQw3tnsDT//DdEHqqNe9uWop7/DvUFyog2zyTAPKufukQUlT9fHYaXfuWaTp8MB69RHi4mftraIEu5XsfhMHUULEc3j6VTiKz5t9/W9rbpfmgcxM2SwxDz1zr9tEyYUzErjO8TK5iVaAJwNm3k5nNc5X6o3eppSGCjEbBfFlvybJv0NZ2iUJRRjNg2euK++KE7t6ocqkqgBk9Qk8p9NgHDAkCP02kyNYcqjW3RPNoHepFKmT3021llKeyLI/gYSEAiGpzq+K+3N83JxPHpYJbgvRzK7BkidY8AhqbZGbOwvPkHs7Oq/v5P08127FcgX054DTUQIjA2mFqipQUbJYvZc757iQMmfX+zDJp1vnyyugxBFQFCCg+vsNmlpXT+00JlrY3Px+bmJeBPKEM7WZWoZZIKCNMsr/3yDrbwett9lL0Mlvy3kWCYJroJq4iIIykt8doYdoK0gxs5LsRDWYAGOSWok6pcKs9tBy0itWsqjVXXYiEBoxR6/j5oTXjvw+r1qNxMz8Wlq8K3RFu9IcSPoWYlRGnMfCGwLofp0bLYXV9wXIyGb43rSgBX+Lu9jvottbrtq6ryfpCpiMgNQM/bBtklqqeeByhItYV4iVrFdT1afJiENGKdZUI020QVvX+K63z/JMKCD8U/49/4Yhwm3+rMNxerCLPxU2gOhxZHzmnqxMclpe1GgEUyirw1b198x/+wXm3IrMmMqb7Sefnlf8naii1ritUbDk6UdS2KNx5EZW7qijxJfntEWLbZmMpUZZCEH/6ExSzTRMdxCkNx29KoII+GTiivP15uV3q+PZQXOKeY75BLzeGbVQIilqLMVLcFbqu1T8sYYq8VLHkpO94Pd2dEJLlb5Zp0fKklZS2lwGV0uJtW22NRS93/2oO205VCRmcs9zv3nj6WkKDVeIVUE8Ddlv9cPz1wWDrvJNvF1fHnEvhbS5latoWSz6F8ekMZ53CORuyy6uaL/7NnENup6oW3y3u5zJQAh1RXBdI12OpNY2l74ewGZ2TGwr1uw8/b6Yj5hm6Pr+1SdEKlgOkEWp+vKeErRVWvER8d4Tn8xeJzsRV6mrHe+5NRWy+vTAAu/5iOpTmbjL25XgMMNkeaaIF5L545qhWE1ZQo1BlzXJgsfTQzn+eV/7hvhTWbfKJVdY6v1i3QN4F3AwpNgOn/avFxbYUd1887XTXc4WJbup8uxQhDDP8Yb3Vl7q0XKtRWgKZAdzdta9K6azJ6cPDw4cv+/yn9OPvLcqZBlhdBXXV48M/Mk0bxZ1WZ2mna7kOqZJUCrK2BP6GWq55OEKuWtrZ9R5y5dHrTMqbWQw4LKUsx9ZNypN3+lJCZa5A/eVP6pufNc157fWvyzS5GpoqyqLSaT+qUOGK26Hw2w+vrDiuGuFM2ep6EW5bWTpE5i8uzy95eTGLSVai7ELEYQlqEOiyLyqyivXpcDg8tFM0QJdF9qfvCmXNfgIg0g9Nhxe8dDvdBQJmFagM1F9BP4v1uXn+pCpqnhKj5lpVoG0aitbQqGrKCIXAHTAmlz7aMhUqrcK11t/uZ9b1ptbfNot27r+yjrwgDIm9gX8ubem3tpidxBaValG/rlx8/smLUEeiWuZtzY8JKs1ESNqcm5pRAHfKtNxv7HW2cgwd+zI99pwvFQ1y4WELinhJmx5o1IfJX4oXS/i0R8ry4VD4I7b6btxPoZvB4Hl9nN62fTqWVgKqMbHUx7MVz9NqKPtHIo73hXXl0oCJYL3AixlPLyQ5Sgn/q4lMlTRnmkvi4a33XaeF1Gqvc7X24eG+7ecSE8auemJNrydSqghY8zYT5p6ztelwLKBVmSUItY01U+rXd92PGlKfy1Sfp9pp825kKZBQPRfmbF0lM0xxOzW9wI1ysUVM/s285RcnhvovbH94uC8NmYatVtmKQcy3Xz6fp9Jo9VJ+r3XLrSbnmuolexi8uV5uc9VNY4VmeRic3HpaPHj+hg9nT9mb1ZXlU2bd3sUUDSn7vefdfMkU7eeQyzbdnyH/4rTvddtyVc3M/tl+AlTP7gPbLNBFkW36isznq3+6VNpF8jFKidfHsutqda2Jl2uq5S1fT8tC7ymGUsIRzvNxau0BKXI+l8nLmXjG4bu/S/p0XFA1XJGO2EB7UR+KbR2g1JR1rR+18WmBVBbMUKwXnNXZBn3o/SEgfgjjtJRvvlGr2n69MMKvELLR98Wn5m66t8R8cF8OLvMdBFCNQlbh6fnzm1l7KANXjwlzd6mLHgIqun1xsypoe/H6xeUO3x1pV6kjhkK2lMw5yAkyjocyhkH0rNFF7uZqIjVZ1+vLMUrkF1XX7pxfrLYfG9yk1L6MnZKZkvOKsUnzeeZe2BUi7BtNdTOZ4XrYA6/P0+SAcB/LVx7K0qDCJYTZz4eza7SaDOpcGR/KMcb9U07+zuMzY4WJT/3Wvldbjk3yJPTWxQwUYV0LYwrhboEKun45LW8noC1+VXc/D452/0+WexNZ00ddZZ6F3eNQqJIJHBzzTcr5F+24mH1VGO2T7u2ZMlnCHNVxsboK/GERAPo9ehm1nvAeoVXy8svnP7nBvrBjA8Qs6yo9s1utaOyUU9om8+UyS13blPOVJEM9cCqF3ppC5P2dQLSP6TxD1kqI3K0iVtjnk4nlenn+n2qd+1IGQXRW2OX0t+fbZa6g7/claGL09blNmKsqPj/NhvK5cFO06WkpD9NhwXoRfOpYui/opqqaQmJ3jY5nNstEMhy2FAOq4YXs1mV9To/mUQAHbF4PRZJqI8IkIRhT/+fy1AKbeZFLnhJwwcO3RWA1Z1WZtzY6/TXtxU0MUPSlrRcNuHNnWcpsx8NS4hxbFG1xVw6uTvSyUGZRuEZXndc18e03/IzRZ9iQviyP9KOLtwHTQX8qabJe1pp1nmsuCkVbpqdykqn8XVNTFmr5+cM0ndbpEOXQ8Oh70bS09a5Py8Ftft7/i47JN4FhrYxAlonFfVmaKss39yQKzbr86HLRK0emIfxZfWmjaTIyn4lPCvmvzxflfeOWy9Pi+8/a9kV9OLaGN3JpU3x3EODQJFUbL19oOTiEx5aSv+icKJS0aFrv1ru8PL+RID3087zziaKqbE9Tv0GthSLLoRE+tbyL89Jsm7+Y25b/4IblgVsQtHXzpp/nOtfnP5E9a70GRBP608w3vbO+qMQGDZNerVBmtsZypr9cq5H1ZOcp4AttHNpy3EV+cuKXdewrcHRRwlIUOSsbnSe0ULHDXyxPDVJT0JbvW1Tw9Tipp70TX5r1MPC0sovZpnhmrXzlvjToct73adHTfH6SRMXX0Rz6rkNN8Jtrj92HSCd6FwWJcnRJqLcyCJ4Xbw2owhYaY/97AieEK2AvO9UEnahozc9hF36IWhNrsngJloUbNKtsLE6rf1pjv639c9gVoHYP9PJo1jzKYSlYiVkiGIWZpud9KtR992liOe59ejgWh9XDtwcNzPNs1m0srhtEsV7mfm5u86wH306ZMnesN/nMFUN7l1IUeKOC4PazQyND5ojiT8dPj3R3VilFNMoSzou0tw5oSg9YafqZwnQvWG9xXNw2NIGLvZzFZZ6Tu5y2IIDwvrtPDdcoroh2LV+W1p4oIlDbZoueyXKMmO8ieEPWVeivl4kRJr20RoSW8+EwHc6vao1laWU5hl3+m0lRU81UDvztIQzXaXkogELA+O9/8GEAStPQuVrcu9OAsUHsRbqenkF6UMdxoWBpjzgvZfl5SxFvTy0mV6kQlrSQBP5cNFN7n1q7d8Dydqnn+6UFkTp5QNvuKgaAoZjHeAlKntIgcpKU1PjjjrrOvzs+hICpvwfaUixTJxH7nwZVnas39pbw8LTJb8/nlTGm9ousNRH3BTVFzJQJxiM2bhu9KXo31HmDAaFi18fXGi75hqR72FqLXNLCz+dwL81ERBg+9daoAQ+Ww7ltouywFMiWz4InXKnsTkYpu6q7h362nFHNqa6CEp2D5RCpLbLrZmJOkgLdagU0OB1HRBAwWedsh0J7NosvZ/41PqMqqsagw8a52DML5/eucS7UQRGC3M+TAnTzdnxqr05UuAIy2+4RzF4aHo/HybcU823OqkHFcHc+Hu9bBMAOUGuqHz0tmorYmiSvRlF7IwLJTOkp6PTHr9foY/gATsN1vtw+i0CN+HFBqgl90jtjh8IUCYL2EUozYoPCAiJJZ9nVeJBX8ecOFlZTM76WftUCDlgHCbu7RTOgBc+eWw83YdN8BVfqSQ+P0EbUWqXiLmwD3kWLhCtNrJSnh2LTVImJ6R+O92//kZA7KMqUplAPqKz1jVMtalsIqYJoZdklbWoeKMVLiQD0tK0Q1CrykZwmdwTUVSwceHBRu2o+epucirqecHbWS2prAYfulF8+Ty1FpYqJl8Hrlmli8DI4+VB1HzSUXdVkI7oafYK60Cl1lRau2U93M0g3uImELySU032IVKOscfj1FNhYwqig0m7VnJRVZOO101UIsRmU7ZGAmvAHBM9vn87uG3TTmZxPMvtUgvZMlK1FUAGtlwtkfV8ObiLGUIRvaZrrvxhDRX00HyMa6w3N/SSGfoWOMEmBnbgcCRZu14Zd6qZ8mqbXm1Tfo4P0gMw1JsixnF2h+meHswrMpBN1FnRE8Qg5gfLTAHzayeG7VTGYWMR8y7/meqJHLt9+8xYsQPvZGTpv2lStk6M1kSocEvcOMakjwPLk0188IKmolahzKhUC3MS9HBaPIWIRjPNBJYrT21LW5/ZplxkUTkfQ7+auQRfzYpf29N1DVIuJOfd8lbXaufH+26I+eTC0b9rssyYz1kpAVcebPGnAG/VzwUNpU5keygn8dHqR+qhW4kfQOgumBYbvT3E8FNqLmcvDj8fOsqjMF9YvtLTFNbA3WoTATLCuWcWMYzPCqvhxEsHnhJLLkXdw/K+bqLIdzu3QID+0nZrPxtNigpDbF/NyPASMb0iD1xfS2qDhL58l4jz5ezXUVeps1vdWgpBE+eZDK/zCJNf0+CxT61rnHyGi7/snCn6VYpDlHNs8mqx366UdoFJnIFcz0QBoUvMKP4S2IDgLgGfyejr6iGBHH7Hcr/VVzrO0pip++m3VaJyr7zFCMzP5wS3roMlmL1akeqEf/GVUMTGR+rssTqda6sBhEiuFlhbRExGuGzCAK1uJ83FQ/M9A99IilmVapgM/UoMnhDVXLrUygnyNXo4ao7DvQyHmYIsuaP8P9NigoSJ2EvIqeB+uBn+M3pH4q0nYGullcdPHMHjZBeoxeEqTq4aKKoSUn2L5vS6lJ7aP4aRsjAgQmKUNCT0hNqM7+6lPe4TzTAN+iA9eicz+WiH12mDBAXBamos3E0MBm227WkJlv+9dA2xkhPeKAAkQIhoBshuGt2rl/93b0Ahlc1+OflotIWKE7s4IjDgeLBPL5FGm4jYgmfJqrnHwUNUKdus+cU4fBKoBgEbz2AS9LBSUNlzllGYAndsJYuoG1CpCxzYOLpnFG4QwwCBSt48pDKcrVDZSubulcluxCgZhjP28P5PUCFKcJLKuNS+Xu2qAVAiwAYYgLGKePy8HhyjVkqVQ5DNmZr1bYVZaUE3oSPhjRU3RIQLu0xTAlmJNhx8OwU97NCWyow8Nivro2pVlaSTVTf4/A746+HAluxMKgakayjR5h0GEy3Eg1LbhkvTQspRm2ztVJYvw6Q9/+PlhAXTbukaLCGxqOBd3sy2rZJKiLQJayiOhHohyX8D3PjmiOVT8uCD8TNMwYI8x/foYJ7o/K0O4WiwLkGK03qLRG38qgKvYWgEb0SFWxfaCnNFG+KPSCyWv7KBO7b2dXvUdxqkh1S0HE+1Tq0Zuco80yY39LyHSFh8M6eEh8htY5iqleASkVhMx/+1ca4+ACKdF7/LH3jcTM0Lnu4o50wwWbdBdNKKPqSPZbK7zFvH7XcT8h5RnkjZaaERQqx6PO/VzKmii371GznDPWRjFZbZikl1HTETeULfugGEE4Lg2NV2attAg0qDBdZ1J+q5bGqRWXyJ6d2ePgsxagaUUJzs268AGCpeGj8pQZ0eCHb3/kfgYV3GOwldQBWj9+DBxUy/vbnOtOkpxBUwFgZe1ruv8UiMIuxMxUPER9lJGFP7GIfx0FeizfdkjFB7s8cc47wMgR9Csl+l9Y3I6f9n1+++9Q3M1fllel10JQT2lmdRXZhrhg5NKndMUXcn2yK+m69pbl179q3Y8KIBOwYhOSwAM1juUMjWr6sXLMt2XKIRpFyhRQpQcNNWuYc1PAje1UGVQ/XMIOohTbCai6qUBRrALroJ5HeTwY5vXVSI+ORHuocvkAwxnB2im/b1H8xiZGsLoG1ENAQJ0Ne0/HiaC4kYNQswg0MmlexRUNN+w3+81zUzSaN4aFAa7ZGnhSsyzpOyHhVmzzqlDzQuD6BHUEc6EEoKY2BHRFTNqhUN6jzKAza4mUTRtPxaYb0AvU5ANc29fktHVZL7dSbiI/CDWiezU0FMEidGcPxXJmZjTgiYgf4fRCQMhOlwNpXWhWubyFGQXvrGxHIpPum6D2/CgAJb0pr0D+oiaV6BaMPbooMsdI7XF3S3CjKTChp+DEQq9ilTbC3QKv6Yh1FJ8vq0Z7p+i90CQ5ytIMJbSdjICIhqqiMIutbsCnTlH094/sbjUinwsJWRTPu6utBrNYLNoc5hqE6jo3sJ6W3ZlBFujO4Nd9z20awc4FRULGoxu7mJ13vgrgmUJqSs8SMgmGuHaUM2hAwJvXXWbpohMofOE/bEPOtPMyOaSubHtAOT///FZUkQt8K4tb4NOvKGoI3z7SIX6UIiAiqs5LaZQ0rBPozUvS1ETUSSOR+/FQeTdXPGvnUk09xZ2+sWhASKkVPMpTHuXhA0zCjogn847DFS9hiYAVW/nZn2ago44hqVyuP3WiO6HwnAIqEnCzLSEAj65E8QzqTOoEKhQUtAoc0V9HxEeQBAmWXOGTzuVVKMXL0WtRzsevEAGYkKfnu4DxFrDPdQM3d8Hm7ZdTwma4PE1pUaLq+1u64xKj3AKIK05sl7WVZzKZ3Skl3BXU1fV5hVnIi7CjvEZXTadPkygk8g637WfHfe5KuTjKGdCJCjWwv7viUESDsbwDUS+VD08lMOxmHEwGqXOkJOq8SAmmVCLAsGmpQRbaCtqIlQPMAAwhj8q99FVs2KtFl1EoL6Qb3ebfuxd5qSKQFYb2Eggnh6WxftGR/5u7uMHMdb5j7auSAlkuA+GbDrCB2CWQs1RCMAgayUAtVep02gtvJz3Xud5zbSsOQtpETYdhaHqgJkxCPi2OX+UtN6DwBv3dh5KpLzrqlcg10oHzPDs7qWXM0drRDghNdWhqCt+NtG73WYTUrJbBQxg+ad482aQocZgxHbNbVO1Z29UsU9ugAhiD8pNorQOmDwjY2NBrVWkfv311zrx7JxXD59Ka2rbKe2UX0u4E8KipwrFpgO62dUcKtvLdU2rYmKqGlrVVdVsfaXy7H8Dvn1sH8JHBToAAAAASUVORK5CYII=);
  color: #d6cdfc;
  border: solid 1px #8b5cf6;
  border-left: solid 4px #8b5cf6;
}

.dark a.tag[data-ref="1note"]:before {
  background-color: #ede9fe;
}

Good Images for questions and answers, and turn icons into base64.

/**** 
    
=== **** Preguntas, Respuestas, notas, ideas, 
 * ideas ejecutadas y Claims **** 
    
=== ****/

div[data-refs-self*="1pregunta"] {
  background-color: rgba(255, 245, 245, 1);
  color: #721c24;
  border: solid 1px #f5c6cb;
  border-left: solid 4px;
  padding: 12px 0px 12px 0px;
  border-radius: 0px 5px 5px 0px;
  margin-top: 5px;
  margin-left: 1px;
  margin-bottom: 10px;
}

a.tag[data-ref="1pregunta"] {
  color: transparent;
  font-size: 0px;
}

a.tag[data-ref="1pregunta"]:before {
  background-color: #721c24;
  bottom: -8px;
  content: "";
  display: inline-block;
  left: -2px;
  margin: -13px 0px 0px 0px;
  mask-image: url("data:image/png;base64,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");
  -webkit-mask-box-image: url("data:image/png;base64,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");
  mask-position: center;
  -webkit-mask-box-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-size: 24px 24px;
  -webkit-mask-box-size: 14px 14px;
  object-fit: cover;
  position: relative;
  transition: 0.3s;
  width: 1.8rem;
  height: 1.8rem;
}

.dark div[data-refs-self*="1pregunta"] {
  background-color: rgba(153, 27, 27, 1);
  background-image: var(--bg-imagen-postit);
  color: #ffcfcf;
  border: solid 1px #ef4444;
  border-left: solid 4px #ef4444;
}

.dark a.tag[data-ref="1pregunta"]:before {
  background-color: #fee2e2;
}

/* Dark theme para la linea izquierda de color rojo y un poco opaca*/
div[data-refs-self*="1pregunta"] .block-children-left-border {
  width: 3px;
  background-color: #ef4444;
  border-radius: 6px;
  left: 0px;
  top: 0;
  height: 100%;
  cursor: pointer;
  background-clip: content-box;
  position: absolute;
  opacity: 70%;
}

/* Dark theme para la linea izquierda Seleccion*/
div[data-refs-self*="1pregunta"] .block-children-left-border:hover {
  background-color: var(--ls-link-text-color-amarillo);
}

/* Dark theme para el bullet de este bloque color rojo*/
div[data-refs-self*="1pregunta"] .bullet-container .bullet {
  background-color: #ef4444 !important;
  opacity: 50%;
}

/** Tag de respuestas ***/

div[data-refs-self*="1respuesta"] {
  background-color: rgba(245, 255, 245, 1);
  color: #155724;
  border: solid 1px #c3e6cb;
  border-left: solid 4px;
  padding: 12px 0px 12px 0px;
  border-radius: 0px 5px 5px 0px;
  margin-top: 5px;
  margin-left: 1px;
  margin-bottom: 10px;
}

a.tag[data-ref="1respuesta"] {
  olor: transparent;
  font-size: 0px;
}

a.tag[data-ref="1respuesta"]:before {
  background-color: #155724;
  bottom: -8px;
  content: "";
  display: inline-block;
  left: -2px;
  margin: -13px 0px 0px 0px;
  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAARDSURBVHic7dpbiFVVHMfxj2NaKhmhpRVO0Q26DVhEmV3o9lTRBSJ6q4fCfAh6jSLqoRtdIFKhAnsI6qEgyOklpB6SrCxS6sXKCitS07LS1BxPD/+1O7vDnDnn7H1m9ozuL2xm9j7r/1+//T9r7/Vf/3WoqampqampOVKZ1kPbE3A2Zo2Tln7xNzZjR78cLsBbGEFjihwjeDNpH5NOI+B4fIyzsB+bsLuT04o5DkM4WoyES/B7UWfPiIh+gcF+qJsgTsVGof3pMo5+SE4u64OoiWap0P5dGScHk5MZ/VA0wcwQ2g+WcZK9VKYqHfUfNUFC8swWL6bFOFEI/Alf4UP8U4GmtvRzBCzCSvFGbjd9/YYXcHKf+uyov9M0mBn3kjCNxv14HHPS+Qasx48YEMFZKqYv2IsH8FLJfkvrLzsCBrAq5+d1nDNG+3PxRq79SuWCX3oEl3XwWLLfg9t6sLs92TTwRIn+Kw3AVTgkXmrXFbC/XmSfI8lXESoLwDTxnDfwUIn+H9bMRItQWQCuSHZbcUwPdqfhytz5TDFFNnB1AR0d9Q8UcNoNd6a/q7GvS5shfIoPNNcdB/BK+v+WfonrhaIjIBv+S7psPyTW7w0MY3rus8vT9c8L6KjsEfgz2c3NXTtDLFFbGcJ2zZtvbTM/fba9gI7KAnAg2WWp9mIxI6wX6/WMTjdPvAcaYkbolcoCsDvZzUvn87AlXcuCkL/5NUa/eViY2vxSQEdlAVif7PLz96BmEDbo7uaJfKCBjwroqCwAzya751uuL8I3Ob/v6jxNPpfaPlVAR2UBuDjZ7RB1xTyD+EysC8b65uFY7Eq+Liygo9JU+L1ku6pE/y8mH+8XtK80AEOiRt/AsgL2C8Q6YD/OL6ih8tXgXcn+EB71/wSnEwPiub+jRP+VB4D49rPi6kaR0s4cpd0AbhAbGveW7DNj0lSErsHLOD2d7xJTYVZ2P0mkzfPT52twU8k+mQQVoTyzxGjYlPPbemwWpbC5bXz0yqQZAa2cIqbKhSJd3iaSp6197mdSjYAqKF0PyHZVJvuW+GhkmsfcZ+gUgC3pb9GaXJVkFaRvyzjJanLf49KSgiaSJZozzINjNez0cpiFtZqVnV/xR1l1HfgS9+iuAHKBWFPkH9G5mtPpOlyrWC3hP2aLPfad2k9f/T6+xpldaLuvjf1OkUV2fHf1Mj1MF/l5L1XeXpmNV3GRGAE3ikJpO5ZjBV7DI+naPjGtjoybynFmjsgEG/hLBKEdy1O7FUU7G6+yeBn24GaxMToHbyu2muyKyRgAYvgu01xBrsKT+p+RTgnuFslMQ2y05H+uc1g+Aq2sFjvLe0V9YViUyvrCVAgAvCMyu+2iSrxW/LymNFMlAPCJ2HTdIlaS68Ru0xHHAs29x+w4rN8BrWwTi7PhfjibigEgcoVbRdYIP1cnpXrO01u1uaampqampqYG/AtQpogrPsY06wAAAABJRU5ErkJggg==");
  -webkit-mask-box-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAARDSURBVHic7dpbiFVVHMfxj2NaKhmhpRVO0Q26DVhEmV3o9lTRBSJ6q4fCfAh6jSLqoRtdIFKhAnsI6qEgyOklpB6SrCxS6sXKCitS07LS1BxPD/+1O7vDnDnn7H1m9ozuL2xm9j7r/1+//T9r7/Vf/3WoqampqampOVKZ1kPbE3A2Zo2Tln7xNzZjR78cLsBbGEFjihwjeDNpH5NOI+B4fIyzsB+bsLuT04o5DkM4WoyES/B7UWfPiIh+gcF+qJsgTsVGof3pMo5+SE4u64OoiWap0P5dGScHk5MZ/VA0wcwQ2g+WcZK9VKYqHfUfNUFC8swWL6bFOFEI/Alf4UP8U4GmtvRzBCzCSvFGbjd9/YYXcHKf+uyov9M0mBn3kjCNxv14HHPS+Qasx48YEMFZKqYv2IsH8FLJfkvrLzsCBrAq5+d1nDNG+3PxRq79SuWCX3oEl3XwWLLfg9t6sLs92TTwRIn+Kw3AVTgkXmrXFbC/XmSfI8lXESoLwDTxnDfwUIn+H9bMRItQWQCuSHZbcUwPdqfhytz5TDFFNnB1AR0d9Q8UcNoNd6a/q7GvS5shfIoPNNcdB/BK+v+WfonrhaIjIBv+S7psPyTW7w0MY3rus8vT9c8L6KjsEfgz2c3NXTtDLFFbGcJ2zZtvbTM/fba9gI7KAnAg2WWp9mIxI6wX6/WMTjdPvAcaYkbolcoCsDvZzUvn87AlXcuCkL/5NUa/eViY2vxSQEdlAVif7PLz96BmEDbo7uaJfKCBjwroqCwAzya751uuL8I3Ob/v6jxNPpfaPlVAR2UBuDjZ7RB1xTyD+EysC8b65uFY7Eq+Liygo9JU+L1ku6pE/y8mH+8XtK80AEOiRt/AsgL2C8Q6YD/OL6ih8tXgXcn+EB71/wSnEwPiub+jRP+VB4D49rPi6kaR0s4cpd0AbhAbGveW7DNj0lSErsHLOD2d7xJTYVZ2P0mkzfPT52twU8k+mQQVoTyzxGjYlPPbemwWpbC5bXz0yqQZAa2cIqbKhSJd3iaSp6197mdSjYAqKF0PyHZVJvuW+GhkmsfcZ+gUgC3pb9GaXJVkFaRvyzjJanLf49KSgiaSJZozzINjNez0cpiFtZqVnV/xR1l1HfgS9+iuAHKBWFPkH9G5mtPpOlyrWC3hP2aLPfad2k9f/T6+xpldaLuvjf1OkUV2fHf1Mj1MF/l5L1XeXpmNV3GRGAE3ikJpO5ZjBV7DI+naPjGtjoybynFmjsgEG/hLBKEdy1O7FUU7G6+yeBn24GaxMToHbyu2muyKyRgAYvgu01xBrsKT+p+RTgnuFslMQ2y05H+uc1g+Aq2sFjvLe0V9YViUyvrCVAgAvCMyu+2iSrxW/LymNFMlAPCJ2HTdIlaS68Ru0xHHAs29x+w4rN8BrWwTi7PhfjibigEgcoVbRdYIP1cnpXrO01u1uaampqampqYG/AtQpogrPsY06wAAAABJRU5ErkJggg==");
  mask-position: center;
  -webkit-mask-box-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-size: 24px 24px;
  -webkit-mask-box-size: 14px 14px;
  object-fit: cover;
  position: relative;
  transition: 0.3s;
  width: 2.2rem;
  height: 2.2rem;
}

.dark div[data-refs-self*="1respuesta"] {
  background-color: rgba(6, 95, 70, 1);
  background-image: var(--bg-imagen-postit);
  color: #b8f4d5;
  border: solid 1px #10b981;
  border-left: solid 4px #10b981;
}

.dark a.tag[data-ref="1respuesta"]:before {
  background-color: #c8f8df;
}

/* Dark theme para la linea izquierda 1respuesta*/
div[data-refs-self*="1respuesta"] .block-children-left-border {
  width: 3px;
  background-color: #10b981;
  border-radius: 6px;
  left: 0px;
  top: 0;
  height: 100%;
  cursor: pointer;
  background-clip: content-box;
  position: absolute;
  opacity: 70%;
}

/* Dark theme para la linea izquierda Seleccion 1respuesta*/
div[data-refs-self*="1respuesta"] .block-children-left-border:hover {
  background-color: var(--ls-link-text-color-amarillo);
}

/* Dark theme para el bullet de este bloque 1respuesta*/
div[data-refs-self*="1respuesta"] .bullet-container .bullet {
  background-color: #10b981 !important;
  opacity: 50%;
}