@ditojs/admin 2.93.0 → 2.94.1

package/src/utils/ui/dist/style.css

@@ -0,0 +1,1139 @@
+.dito-button[disabled], .dito-select select:disabled button, .dito-select select.dito-disabled button {
+  opacity: 0.6;
+  pointer-events: none;
+}
+.dito-select select {
+  border: 1px solid hsl(0deg, 0%, 78%);
+  border-radius: 4px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 3px 6px;
+  background: hsl(0deg, 0%, 100%);
+}
+.dito-select select.dito-has-errors {
+  border-color: hsl(348deg, 100%, 61%);
+}
+.dito-select select:disabled, .dito-select select.dito-disabled {
+  color: hsl(0deg, 0%, 50%);
+  pointer-events: none;
+  cursor: text;
+}
+.dito-select select {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.dito-select select::-webkit-input-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-select select::-moz-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-select select:-ms-input-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-select select::-ms-input-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-select select::placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-select select:focus,
+.dito-select select:focus .dito-inherit-focus, .dito-select select:focus-within,
+.dito-select select:focus-within .dito-inherit-focus, .dito-select select.dito-focus,
+.dito-select select.dito-focus .dito-inherit-focus {
+  border-color: hsl(211deg, 100%, 61%);
+}
+.dito-button {
+  display: inline-block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  background: hsl(0deg, 0%, 88%);
+  color: hsl(0deg, 0%, 4%);
+  position: relative;
+  border: 1px solid hsl(0deg, 0%, 78%);
+  border-radius: 4px;
+  padding: 3px 6px;
+  text-align: center;
+  white-space: nowrap;
+  min-width: 1.5em;
+  min-height: 1.5em;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-user-drag: none;
+}
+.dito-button:focus {
+  border-color: hsl(211deg, 100%, 61%);
+}
+.dito-button:hover {
+  background: #d4d4d4;
+}
+.dito-button:active {
+  background: #cdcdcd;
+  border-color: #adadad;
+  -webkit-box-shadow: inset 0 1px 2px 0 rgba(10, 10, 10, 0.25);
+          box-shadow: inset 0 1px 2px 0 rgba(10, 10, 10, 0.25);
+}
+.dito-button.dito-selected {
+  background: #c7c7c7;
+}
+.dito-button.dito-selected:hover {
+  background: #cdcdcd;
+}
+.dito-button.dito-active, .dito-button[type=submit] {
+  color: hsl(0deg, 0%, 100%);
+  background: hsl(211deg, 100%, 61%);
+  border-color: hsl(211deg, 100%, 61%);
+}
+.dito-button.dito-active:active, .dito-button[type=submit]:active {
+  border-color: #057eff;
+}
+.dito-button.dito-active:hover, .dito-button[type=submit]:hover {
+  background: #1284ff;
+}
+.dito-button.dito-active:focus, .dito-button[type=submit]:focus {
+  border-color: #0059b8;
+}
+.dito-buttons {
+  --button-margin: 2px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  white-space: nowrap;
+}
+.dito-buttons > *,
+.dito-buttons .dito-button-group > * {
+  margin-left: var(--button-margin);
+}
+.dito-buttons > *:first-child,
+.dito-buttons .dito-button-group > *:first-child {
+  margin-left: 0;
+}
+.dito-buttons .dito-button-group + .dito-button-group {
+  margin-left: 1.5em;
+}
+.dito-buttons.dito-buttons-round .dito-button {
+  padding: 0.3em 0.9em;
+  min-width: 2em;
+  min-height: 2em;
+  border-radius: 1em;
+}
+.dito-buttons.dito-buttons-small {
+  --button-margin: 1px;
+}
+.dito-buttons.dito-buttons-round, .dito-buttons.dito-buttons-small {
+  line-height: 1em;
+}
+.dito-buttons.dito-buttons-toolbar {
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+}
+.dito-buttons.dito-buttons-toolbar .dito-button {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  padding: 0 6px;
+}
+.dito-buttons.dito-buttons-toolbar .dito-button i[class*=dito-icon-] {
+  width: 1.1em;
+}
+.dito-chevron {
+  position: relative;
+  width: 1.2em;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-chevron::before {
+  content: "▶";
+  position: absolute;
+  left: 0;
+  color: inherit;
+  -webkit-transition: -webkit-transform 0.1s ease;
+  transition: -webkit-transform 0.1s ease;
+  transition: transform 0.1s ease;
+  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
+}
+.dito-chevron.dito-opened::before {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.dito-chevron::after {
+  content: "​";
+}.dito-calendar-header,
+.dito-calendar-footer {
+  height: 2em;
+  line-height: 2em;
+}
+.dito-calendar {
+  min-width: 240px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.dito-calendar-popup {
+  border: 1px solid hsl(0deg, 0%, 78%);
+  border-radius: 4px;
+  background: hsl(0deg, 0%, 100%);
+  -webkit-box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.25);
+          box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.25);
+  z-index: 1000;
+}
+.dito-calendar-body {
+  padding: 0 0.5em;
+}
+.dito-calendar-body span {
+  display: inline-block;
+  width: 14.2857142857%;
+  height: 2em;
+  line-height: calc(2em - 2px);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: 4px;
+  border: 1px solid transparent;
+  text-align: center;
+}
+.dito-calendar-body .dito-calendar-item-today {
+  border: 1px solid hsl(211deg, 100%, 61%);
+  color: hsl(211deg, 100%, 61%);
+}
+.dito-calendar-body .dito-calendar-item-active, .dito-calendar-body .dito-calendar-item-active:hover {
+  background: hsl(211deg, 100%, 61%);
+  color: white;
+}
+.dito-calendar-body .dito-calendar-item-disabled {
+  background: white;
+  cursor: default;
+}
+.dito-calendar-body .dito-calendar-item-disabled,
+.dito-calendar-body .dito-calendar-item-gray {
+  color: #999;
+}
+.dito-calendar-months span,
+.dito-calendar-years span {
+  width: 25%;
+  margin: 0.5em 0;
+}
+.dito-calendar-years span {
+  width: 20%;
+}
+.dito-calendar a,
+.dito-calendar-dates span,
+.dito-calendar-months span,
+.dito-calendar-years span {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-user-drag: none;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.dito-calendar-header span {
+  cursor: default;
+}
+.dito-calendar-header span a {
+  padding: 0 0.2em;
+}
+.dito-calendar-dates span:hover,
+.dito-calendar-months span:hover,
+.dito-calendar-years span:hover,
+.dito-calendar:not(:hover) .dito-calendar-item-current {
+  background: hsl(211deg, 100%, 85%);
+}
+.dito-calendar-weekdays span {
+  font-weight: bold;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-user-drag: none;
+}
+.dito-calendar-header,
+.dito-calendar-footer {
+  position: relative;
+  text-align: center;
+}
+.dito-calendar-footer {
+  border-top: 1px solid hsl(0deg, 0%, 78%);
+}
+.dito-calendar-header {
+  font-weight: bold;
+  border-bottom: 1px solid hsl(0deg, 0%, 78%);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.dito-calendar-header > span {
+  margin: auto;
+  padding: 0 0.5em;
+}
+.dito-calendar-header a {
+  font-weight: bold;
+}
+.dito-calendar-header a:hover {
+  color: hsl(211deg, 100%, 61%);
+}
+.dito-calendar-step-prev,
+.dito-calendar-step-next {
+  position: relative;
+  width: 5%;
+  min-width: 2em;
+  max-width: 3em;
+}
+.dito-calendar-step-prev::after,
+.dito-calendar-step-next::after {
+  position: absolute;
+  left: 0;
+  right: 0;
+  font-size: 1.25em;
+}
+.dito-calendar-step-prev::after {
+  content: "‹";
+}
+.dito-calendar-step-prev.dito-calendar-step-year::after {
+  content: "«";
+}
+.dito-calendar-step-next::after {
+  content: "›";
+}
+.dito-calendar-step-next.dito-calendar-step-year::after {
+  content: "»";
+}
+.dito-calendar-select-today::after {
+  content: "Now";
+}.fade-enter-active {
+  -webkit-animation: fade-enter 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
+          animation: fade-enter 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+.fade-leave-active {
+  -webkit-animation: fade-leave 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
+          animation: fade-leave 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+@-webkit-keyframes fade-enter {
+0% {
+    opacity: 0;
+}
+100% {
+    opacity: 1;
+}
+}
+@keyframes fade-enter {
+0% {
+    opacity: 0;
+}
+100% {
+    opacity: 1;
+}
+}
+@-webkit-keyframes fade-leave {
+0% {
+    opacity: 1;
+}
+100% {
+    opacity: 0;
+}
+}
+@keyframes fade-leave {
+0% {
+    opacity: 1;
+}
+100% {
+    opacity: 0;
+}
+}
+.slide-enter-active {
+  -webkit-animation: slide-enter 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+          animation: slide-enter 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+.slide-leave-active {
+  -webkit-animation: slide-leave 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+          animation: slide-leave 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+@-webkit-keyframes slide-enter {
+0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+}
+100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+}
+}
+@keyframes slide-enter {
+0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+}
+100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+}
+}
+@-webkit-keyframes slide-leave {
+0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+}
+100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+}
+}
+@keyframes slide-leave {
+0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+}
+100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+}
+}
+.zoom-enter-active {
+  -webkit-animation: zoom-enter 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
+          animation: zoom-enter 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+.zoom-leave-active {
+  -webkit-animation: zoom-leave 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
+          animation: zoom-leave 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+@-webkit-keyframes zoom-enter {
+0% {
+    opacity: 0;
+    -webkit-transform: scale(0);
+            transform: scale(0);
+}
+100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+}
+}
+@keyframes zoom-enter {
+0% {
+    opacity: 0;
+    -webkit-transform: scale(0);
+            transform: scale(0);
+}
+100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+}
+}
+@-webkit-keyframes zoom-leave {
+0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+}
+100% {
+    opacity: 0;
+    -webkit-transform: scale(0);
+            transform: scale(0);
+}
+}
+@keyframes zoom-leave {
+0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+}
+100% {
+    opacity: 0;
+    -webkit-transform: scale(0);
+            transform: scale(0);
+}
+}
+.dito-trigger-container {
+  position: relative;
+}
+.dito-trigger-disabled {
+  color: hsl(0deg, 0%, 50%);
+  border-color: hsl(0deg, 0%, 78%);
+  cursor: default;
+}
+.dito-trigger-disabled * {
+  cursor: default !important;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-user-drag: none;
+}
+.dito-trigger-disabled *:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.dito-popup {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+}.dito-input:disabled button, .dito-disabled.dito-input button {
+  opacity: 0.6;
+  pointer-events: none;
+}
+.dito-input {
+  border: 1px solid hsl(0deg, 0%, 78%);
+  border-radius: 4px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 3px 6px;
+  background: hsl(0deg, 0%, 100%);
+}
+.dito-has-errors.dito-input {
+  border-color: hsl(348deg, 100%, 61%);
+}
+.dito-input:disabled, .dito-disabled.dito-input {
+  color: hsl(0deg, 0%, 50%);
+  pointer-events: none;
+  cursor: text;
+}
+.dito-input {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.dito-input::-webkit-input-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-input::-moz-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-input:-ms-input-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-input::-ms-input-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-input::placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-input:focus,
+.dito-input:focus .dito-inherit-focus, .dito-input:focus-within,
+.dito-input:focus-within .dito-inherit-focus, .dito-focus.dito-input,
+.dito-focus.dito-input .dito-inherit-focus {
+  border-color: hsl(211deg, 100%, 61%);
+}
+.dito-input {
+  display: inline-block;
+}
+.dito-input input {
+  all: inherit;
+  display: inline-block;
+  width: 100%;
+  border: 0;
+  margin: 0;
+  padding: 0;
+}.dito-date-picker {
+  min-width: 240px;
+}
+.dito-date-picker .dito-input {
+  font-variant-numeric: tabular-nums;
+  cursor: pointer;
+  width: 100%;
+}
+.dito-date-picker-popup {
+  margin: 2px 0;
+}.dito-time-picker .dito-input {
+  width: 100%;
+}
+.dito-time-picker-popup {
+  max-width: 160px;
+  margin: 2px 0;
+}
+.dito-time-picker .dito-input {
+  font-variant-numeric: tabular-nums;
+  cursor: pointer;
+  width: 100%;
+}
+.dito-time-picker .dito-input .dito-icon-time {
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 7px;
+  height: 100%;
+}
+.dito-time-picker-popup {
+  list-style: none;
+  background: hsl(0deg, 0%, 100%);
+  border: 1px solid hsl(0deg, 0%, 78%);
+  border-radius: 4px;
+  -webkit-box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.25);
+          box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.25);
+  overflow: hidden;
+}
+.dito-time-picker-popup .dito-time-picker-panel {
+  float: left;
+  border: 1px solid hsl(0deg, 0%, 78%);
+  border-width: 0 1px 0;
+  margin-left: -1px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: calc(33.3333333333% + 1px);
+  overflow: hidden;
+}
+.dito-time-picker-popup .dito-time-picker-panel:last-child {
+  border-right: 0;
+}
+.dito-time-picker-popup .dito-time-picker-panel ul {
+  overflow-x: hidden;
+  overflow-y: auto;
+  list-style: none;
+  width: 100%;
+  margin: 0;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  padding: 0 17px 0 0;
+  height: 168px;
+}
+.dito-time-picker-popup .dito-time-picker-panel ul > li {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  background: hsl(0deg, 0%, 100%);
+  width: 100%;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-user-drag: none;
+}
+.dito-time-picker-popup .dito-time-picker-panel ul > li:first-child {
+  margin-top: 72px;
+}
+.dito-time-picker-popup .dito-time-picker-panel ul > li:last-child {
+  margin-bottom: 72px;
+}
+.dito-time-picker-popup .dito-time-picker-panel ul > li:hover {
+  background: hsl(211deg, 100%, 85%);
+}
+.dito-time-picker-popup .dito-time-picker-panel ul > li.selected, .dito-time-picker-popup .dito-time-picker-panel ul > li.selected:hover {
+  color: hsl(0deg, 0%, 100%);
+  background: hsl(211deg, 100%, 61%);
+}
+.dito-time-picker-popup .dito-time-picker-panel ul > li.disabled {
+  cursor: default;
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-time-picker-popup .dito-time-picker-panel ul > li.disabled:hover {
+  background: transparent;
+}.dito-date-time-picker .dito-pickers:disabled button, .dito-date-time-picker .dito-disabled.dito-pickers button {
+  opacity: 0.6;
+  pointer-events: none;
+}
+.dito-date-time-picker .dito-pickers {
+  border: 1px solid hsl(0deg, 0%, 78%);
+  border-radius: 4px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 3px 6px;
+  background: hsl(0deg, 0%, 100%);
+}
+.dito-date-time-picker .dito-has-errors.dito-pickers {
+  border-color: hsl(348deg, 100%, 61%);
+}
+.dito-date-time-picker .dito-pickers:disabled, .dito-date-time-picker .dito-disabled.dito-pickers {
+  color: hsl(0deg, 0%, 50%);
+  pointer-events: none;
+  cursor: text;
+}
+.dito-date-time-picker .dito-pickers {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.dito-date-time-picker .dito-pickers::-webkit-input-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-date-time-picker .dito-pickers::-moz-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-date-time-picker .dito-pickers:-ms-input-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-date-time-picker .dito-pickers::-ms-input-placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-date-time-picker .dito-pickers::placeholder {
+  color: hsl(0deg, 0%, 50%);
+}
+.dito-date-time-picker .dito-pickers:focus,
+.dito-date-time-picker .dito-pickers:focus .dito-inherit-focus, .dito-date-time-picker .dito-pickers:focus-within,
+.dito-date-time-picker .dito-pickers:focus-within .dito-inherit-focus, .dito-date-time-picker .dito-focus.dito-pickers,
+.dito-date-time-picker .dito-focus.dito-pickers .dito-inherit-focus {
+  border-color: hsl(211deg, 100%, 61%);
+}
+.dito-date-time-picker .dito-pickers {
+  padding: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.dito-date-time-picker .dito-pickers .dito-input {
+  background: none;
+  border: 0;
+}
+.dito-date-time-picker .dito-date-picker {
+  width: 60%;
+  min-width: 6.9em;
+}
+.dito-date-time-picker .dito-date-picker .dito-input {
+  padding-right: 0;
+}
+.dito-date-time-picker .dito-time-picker {
+  width: 40%;
+  min-width: 5.4em;
+}
+.dito-date-time-picker .dito-time-picker .dito-input {
+  padding-left: 0;
+  text-align: right;
+}.dito-icon-undo, .dito-icon-underline, .dito-icon-type, .dito-icon-trash, .dito-icon-tag, .dito-icon-strike, .dito-icon-small, .dito-icon-settings, .dito-icon-search, .dito-icon-resize, .dito-icon-remove, .dito-icon-refresh, .dito-icon-redo, .dito-icon-percent, .dito-icon-paste, .dito-icon-paragraph, .dito-icon-paperclip, .dito-icon-ordered-list, .dito-icon-menu, .dito-icon-mail, .dito-icon-link, .dito-icon-italic, .dito-icon-image, .dito-icon-horizontal-rule, .dito-icon-home, .dito-icon-heart, .dito-icon-heading-3, .dito-icon-heading-2, .dito-icon-heading-1, .dito-icon-hash, .dito-icon-ellipsis, .dito-icon-edit, .dito-icon-drag, .dito-icon-dollar-sign, .dito-icon-crop, .dito-icon-credit-card, .dito-icon-copy, .dito-icon-command, .dito-icon-code, .dito-icon-code-block, .dito-icon-clock, .dito-icon-clear, .dito-icon-chevrons, .dito-icon-chevron, .dito-icon-calendar, .dito-icon-bullet-list, .dito-icon-bookmark, .dito-icon-bold, .dito-icon-blockquote, .dito-icon-at-sign, .dito-icon-arrow, .dito-icon-alternate, .dito-icon-align-right, .dito-icon-align-left, .dito-icon-align-justify, .dito-icon-align-center, .dito-icon-add {
+  width: 1em;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  content: "";
+  background: currentColor;
+  -webkit-mask: none no-repeat center content-box;
+          mask: none no-repeat center content-box;
+}
+.dito-icon-add {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='12' y1='2' x2='12' y2='22'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='12' y1='2' x2='12' y2='22'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
+}
+.dito-icon-align-center {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='18' y1='10' x2='6' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='18' y1='18' x2='6' y2='18'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='18' y1='10' x2='6' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='18' y1='18' x2='6' y2='18'/%3e %3c/svg%3e");
+}
+.dito-icon-align-justify {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");
+}
+.dito-icon-align-left {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='17' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='17' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='17' y1='10' x2='3' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='17' y1='18' x2='3' y2='18'/%3e %3c/svg%3e");
+}
+.dito-icon-align-right {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='7' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='7' y2='18'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='21' y1='10' x2='7' y2='10'/%3e %3cline x1='21' y1='6' x2='3' y2='6'/%3e %3cline x1='21' y1='14' x2='3' y2='14'/%3e %3cline x1='21' y1='18' x2='7' y2='18'/%3e %3c/svg%3e");
+}
+.dito-icon-alternate {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='15' y1='7' x2='20' y2='7'/%3e %3cpolyline points='4%2c7 9%2c7 15%2c18 20%2c18'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='15' y1='7' x2='20' y2='7'/%3e %3cpolyline points='4%2c7 9%2c7 15%2c18 20%2c18'/%3e %3c/svg%3e");
+}
+.dito-icon-arrow {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");
+}
+.dito-icon-at-sign {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='4'/%3e %3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='4'/%3e %3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'/%3e %3c/svg%3e");
+}
+.dito-icon-blockquote {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg style='fill: currentColor%3b'%3e %3ccircle cx='6' cy='10' r='4'/%3e %3ccircle cx='18' cy='10' r='4'/%3e %3c/g%3e %3cpath d='M2%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3cpath d='M14%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cg style='fill: currentColor%3b'%3e %3ccircle cx='6' cy='10' r='4'/%3e %3ccircle cx='18' cy='10' r='4'/%3e %3c/g%3e %3cpath d='M2%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3cpath d='M14%2c18c4.42%2c0%2c8-3.58%2c8-8'/%3e %3c/svg%3e");
+}
+.dito-icon-bold {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 3%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6%2c4'/%3e %3cpath d='M6%2c4h8c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4l-6%2c0'/%3e %3cpath d='M15%2c12c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4H6'/%3e %3cline x1='8' y1='4' x2='8' y2='20'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 3%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6%2c4'/%3e %3cpath d='M6%2c4h8c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4l-6%2c0'/%3e %3cpath d='M15%2c12c2.21%2c0%2c4%2c1.79%2c4%2c4s-1.79%2c4-4%2c4H6'/%3e %3cline x1='8' y1='4' x2='8' y2='20'/%3e %3c/svg%3e");
+}
+.dito-icon-bookmark {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3e %3c/svg%3e");
+}
+.dito-icon-bullet-list {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3ccircle cx='4' cy='4' r='1'/%3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='4' cy='20' r='1'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3ccircle cx='4' cy='4' r='1'/%3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='4' cy='20' r='1'/%3e %3c/svg%3e");
+}
+.dito-icon-calendar {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e %3cline x1='16' y1='2' x2='16' y2='6'/%3e %3cline x1='8' y1='2' x2='8' y2='6'/%3e %3cline x1='3' y1='10' x2='21' y2='10'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e %3cline x1='16' y1='2' x2='16' y2='6'/%3e %3cline x1='8' y1='2' x2='8' y2='6'/%3e %3cline x1='3' y1='10' x2='21' y2='10'/%3e %3c/svg%3e");
+}
+.dito-icon-chevron {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c20 15%2c12 7%2c4'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c20 15%2c12 7%2c4'/%3e %3c/svg%3e");
+}
+.dito-icon-chevrons {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");
+}
+.dito-icon-clear {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='4' x2='20' y2='20'/%3e %3cline x1='20' y1='4' x2='4' y2='20'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='4' x2='20' y2='20'/%3e %3cline x1='20' y1='4' x2='4' y2='20'/%3e %3c/svg%3e");
+}
+.dito-icon-clock {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cpolyline points='12 6 12 12 16 14'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='10'/%3e %3cpolyline points='12 6 12 12 16 14'/%3e %3c/svg%3e");
+}
+.dito-icon-code-block {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c6 1%2c12 7%2c18 '/%3e %3cline x1='10' y1='18' x2='14' y2='6'/%3e %3cpolyline points='17%2c18 23%2c12 17%2c6 '/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='7%2c6 1%2c12 7%2c18 '/%3e %3cline x1='10' y1='18' x2='14' y2='6'/%3e %3cpolyline points='17%2c18 23%2c12 17%2c6 '/%3e %3c/svg%3e");
+}
+.dito-icon-code {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='9 6 3 12 9 18'/%3e %3cpolyline points='15 18 21 12 15 6'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='9 6 3 12 9 18'/%3e %3cpolyline points='15 18 21 12 15 6'/%3e %3c/svg%3e");
+}
+.dito-icon-command {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3e %3c/svg%3e");
+}
+.dito-icon-copy {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3e %3cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3e %3cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3e %3c/svg%3e");
+}
+.dito-icon-credit-card {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e %3cline x1='1' y1='10' x2='23' y2='10'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e %3cline x1='1' y1='10' x2='23' y2='10'/%3e %3c/svg%3e");
+}
+.dito-icon-crop {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.13 1L6 16a2 2 0 0 0 2 2h15'/%3e %3cpath d='M1 6.13L16 6a2 2 0 0 1 2 2v15'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.13 1L6 16a2 2 0 0 0 2 2h15'/%3e %3cpath d='M1 6.13L16 6a2 2 0 0 1 2 2v15'/%3e %3c/svg%3e");
+}
+.dito-icon-dollar-sign {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='12' y1='23' x2='12' y2='1'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='12' y1='23' x2='12' y2='1'/%3e %3c/svg%3e");
+}
+.dito-icon-drag {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='5%2c8%2c 12%2c1 19%2c8'/%3e %3cpolyline points='5%2c16%2c 12%2c23 19%2c16'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='5%2c8%2c 12%2c1 19%2c8'/%3e %3cpolyline points='5%2c16%2c 12%2c23 19%2c16'/%3e %3c/svg%3e");
+}
+.dito-icon-edit {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='2%2c16 16%2c2 20%2c6 6%2c20'/%3e %3cpolyline points='14%2c4 18%2c8'/%3e %3cpolygon points='6%2c20 2%2c20 2%2c16' style='fill:black%3b'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='2%2c16 16%2c2 20%2c6 6%2c20'/%3e %3cpolyline points='14%2c4 18%2c8'/%3e %3cpolygon points='6%2c20 2%2c20 2%2c16' style='fill:black%3b'/%3e %3c/svg%3e");
+}
+.dito-icon-ellipsis {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");
+}
+.dito-icon-hash {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='9' x2='20' y2='9'/%3e %3cline x1='4' y1='15' x2='20' y2='15'/%3e %3cline x1='10' y1='3' x2='8' y2='21'/%3e %3cline x1='16' y1='3' x2='14' y2='21'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='4' y1='9' x2='20' y2='9'/%3e %3cline x1='4' y1='15' x2='20' y2='15'/%3e %3cline x1='10' y1='3' x2='8' y2='21'/%3e %3cline x1='16' y1='3' x2='14' y2='21'/%3e %3c/svg%3e");
+}
+.dito-icon-heading-1 {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpolyline class='st0' points='15%2c10.25 21%2c5 21%2c19'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpolyline class='st0' points='15%2c10.25 21%2c5 21%2c19'/%3e %3c/svg%3e");
+}
+.dito-icon-heading-2 {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpath class='st0' d='M15%2c8.5C15%2c6.57%2c16.57%2c5%2c18.5%2c5S22%2c6.57%2c22%2c8.5c0%2c0.79-0.26%2c1.52-0.7%2c2.1L15%2c19h7'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpath class='st0' d='M15%2c8.5C15%2c6.57%2c16.57%2c5%2c18.5%2c5S22%2c6.57%2c22%2c8.5c0%2c0.79-0.26%2c1.52-0.7%2c2.1L15%2c19h7'/%3e %3c/svg%3e");
+}
+.dito-icon-heading-3 {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpath class='st0' d='M15.11%2c7.62C15.5%2c6.12%2c16.87%2c5%2c18.5%2c5C20.43%2c5%2c22%2c6.57%2c22%2c8.5S20.43%2c12%2c18.5%2c12c1.93%2c0%2c3.5%2c1.57%2c3.5%2c3.5S20.43%2c19%2c18.5%2c19c-1.63%2c0-3-1.12-3.39-2.62'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline class='st0' x1='2' y1='5' x2='2' y2='19'/%3e %3cline class='st0' x1='10' y1='5' x2='10' y2='19'/%3e %3cline class='st0' x1='2' y1='12' x2='10' y2='12'/%3e %3cpath class='st0' d='M15.11%2c7.62C15.5%2c6.12%2c16.87%2c5%2c18.5%2c5C20.43%2c5%2c22%2c6.57%2c22%2c8.5S20.43%2c12%2c18.5%2c12c1.93%2c0%2c3.5%2c1.57%2c3.5%2c3.5S20.43%2c19%2c18.5%2c19c-1.63%2c0-3-1.12-3.39-2.62'/%3e %3c/svg%3e");
+}
+.dito-icon-heart {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3e %3c/svg%3e");
+}
+.dito-icon-home {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3e %3cpolyline points='9 22 9 12 15 12 15 22'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3e %3cpolyline points='9 22 9 12 15 12 15 22'/%3e %3c/svg%3e");
+}
+.dito-icon-horizontal-rule {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3cpolyline points='4%2c10 2%2c12 4%2c14 '/%3e %3cpolyline points='20%2c10 22%2c12 20%2c14 '/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3cpolyline points='4%2c10 2%2c12 4%2c14 '/%3e %3cpolyline points='20%2c10 22%2c12 20%2c14 '/%3e %3c/svg%3e");
+}
+.dito-icon-image {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3e %3ccircle cx='8.5' cy='8.5' r='1.5'/%3e %3cpolyline points='21 15 16 10 5 21'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3e %3ccircle cx='8.5' cy='8.5' r='1.5'/%3e %3cpolyline points='21 15 16 10 5 21'/%3e %3c/svg%3e");
+}
+.dito-icon-italic {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='4' x2='10' y2='4'/%3e %3cline x1='14' y1='20' x2='5' y2='20'/%3e %3cline x1='15' y1='4' x2='9' y2='20'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='4' x2='10' y2='4'/%3e %3cline x1='14' y1='20' x2='5' y2='20'/%3e %3cline x1='15' y1='4' x2='9' y2='20'/%3e %3c/svg%3e");
+}
+.dito-icon-link {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='16' x2='16' y2='8'/%3e %3cpath d='M11.82%2c8.18c-0.23-0.97%2c0.04-2.04%2c0.8-2.8l2.26-2.26c1.17-1.17%2c3.07-1.17%2c4.24%2c0l1.76%2c1.76 c1.17%2c1.17%2c1.17%2c3.07%2c0%2c4.24l-2.26%2c2.26c-0.76%2c0.76-1.83%2c1.03-2.8%2c0.8'/%3e %3cpath d='M12.18%2c15.82c0.23%2c0.97-0.04%2c2.04-0.8%2c2.8l-2.26%2c2.26c-1.17%2c1.17-3.07%2c1.17-4.24%2c0l-1.76-1.76 c-1.17-1.17-1.17-3.07%2c0-4.24l2.26-2.26c0.76-0.76%2c1.83-1.03%2c2.8-0.8'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='16' x2='16' y2='8'/%3e %3cpath d='M11.82%2c8.18c-0.23-0.97%2c0.04-2.04%2c0.8-2.8l2.26-2.26c1.17-1.17%2c3.07-1.17%2c4.24%2c0l1.76%2c1.76 c1.17%2c1.17%2c1.17%2c3.07%2c0%2c4.24l-2.26%2c2.26c-0.76%2c0.76-1.83%2c1.03-2.8%2c0.8'/%3e %3cpath d='M12.18%2c15.82c0.23%2c0.97-0.04%2c2.04-0.8%2c2.8l-2.26%2c2.26c-1.17%2c1.17-3.07%2c1.17-4.24%2c0l-1.76-1.76 c-1.17-1.17-1.17-3.07%2c0-4.24l2.26-2.26c0.76-0.76%2c1.83-1.03%2c2.8-0.8'/%3e %3c/svg%3e");
+}
+.dito-icon-mail {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e %3cpolyline points='22%2c6 12%2c13 2%2c6'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e %3cpolyline points='22%2c6 12%2c13 2%2c6'/%3e %3c/svg%3e");
+}
+.dito-icon-menu {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='3' y1='12' x2='21' y2='12'/%3e %3cline x1='3' y1='6' x2='21' y2='6'/%3e %3cline x1='3' y1='18' x2='21' y2='18'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='3' y1='12' x2='21' y2='12'/%3e %3cline x1='3' y1='6' x2='21' y2='6'/%3e %3cline x1='3' y1='18' x2='21' y2='18'/%3e %3c/svg%3e");
+}
+.dito-icon-ordered-list {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3cg style='stroke-width: 1.5%3b'%3e %3cpolyline points='2.5%2c3.5 4%2c2 4%2c6'/%3e %3cpath d='M3%2c11c0-0.55%2c0.45-1%2c1-1s1%2c0.45%2c1%2c1c0%2c0.23-0.07%2c0.43-0.2%2c0.6L3%2c14h2'/%3e %3cpath d='M3.03%2c18.75C3.14%2c18.32%2c3.53%2c18%2c4%2c18c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c-0.47%2c0-0.86-0.32-0.97-0.75'/%3e %3c/g%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='9' y1='4' x2='21' y2='4'/%3e %3cline x1='9' y1='12' x2='21' y2='12'/%3e %3cline x1='9' y1='20' x2='21' y2='20'/%3e %3cg style='stroke-width: 1.5%3b'%3e %3cpolyline points='2.5%2c3.5 4%2c2 4%2c6'/%3e %3cpath d='M3%2c11c0-0.55%2c0.45-1%2c1-1s1%2c0.45%2c1%2c1c0%2c0.23-0.07%2c0.43-0.2%2c0.6L3%2c14h2'/%3e %3cpath d='M3.03%2c18.75C3.14%2c18.32%2c3.53%2c18%2c4%2c18c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c0.55%2c0%2c1%2c0.45%2c1%2c1s-0.45%2c1-1%2c1c-0.47%2c0-0.86-0.32-0.97-0.75'/%3e %3c/g%3e %3c/svg%3e");
+}
+.dito-icon-paperclip {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3e %3c/svg%3e");
+}
+.dito-icon-paragraph {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M22%2c2H7.5C4.5%2c2%2c2%2c4.5%2c2%2c7.5S4.5%2c13%2c7.5%2c13H11'/%3e %3cline x1='11' y1='2' x2='11' y2='22'/%3e %3cline x1='18' y1='2' x2='18' y2='22'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M22%2c2H7.5C4.5%2c2%2c2%2c4.5%2c2%2c7.5S4.5%2c13%2c7.5%2c13H11'/%3e %3cline x1='11' y1='2' x2='11' y2='22'/%3e %3cline x1='18' y1='2' x2='18' y2='22'/%3e %3c/svg%3e");
+}
+.dito-icon-paste {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3e %3cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3e %3cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3e %3c/svg%3e");
+}
+.dito-icon-percent {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='5' x2='5' y2='19'/%3e %3ccircle cx='6.5' cy='6.5' r='2.5'/%3e %3ccircle cx='17.5' cy='17.5' r='2.5'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='19' y1='5' x2='5' y2='19'/%3e %3ccircle cx='6.5' cy='6.5' r='2.5'/%3e %3ccircle cx='17.5' cy='17.5' r='2.5'/%3e %3c/svg%3e");
+}
+.dito-icon-redo {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3%2c16C3%2c12.12%2c6.12%2c9%2c10%2c9c1.94%2c0%2c3.73%2c0.73%2c5%2c2l5%2c5'/%3e %3cpolyline points='20%2c10 20%2c16 14%2c16'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M3%2c16C3%2c12.12%2c6.12%2c9%2c10%2c9c1.94%2c0%2c3.73%2c0.73%2c5%2c2l5%2c5'/%3e %3cpolyline points='20%2c10 20%2c16 14%2c16'/%3e %3c/svg%3e");
+}
+.dito-icon-refresh {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='23 4 23 10 17 10'/%3e %3cpolyline points='1 20 1 14 7 14'/%3e %3cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='23 4 23 10 17 10'/%3e %3cpolyline points='1 20 1 14 7 14'/%3e %3cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3e %3c/svg%3e");
+}
+.dito-icon-remove {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
+}
+.dito-icon-resize {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 1.5%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cline x1='8' y1='22' x2='22' y2='8'/%3e %3cline x1='16' y1='22' x2='22' y2='16'/%3e %3c/svg%3e");
+}
+.dito-icon-search {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='11' cy='11' r='8'/%3e %3cline x1='21' y1='21' x2='16.65' y2='16.65'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='11' cy='11' r='8'/%3e %3cline x1='21' y1='21' x2='16.65' y2='16.65'/%3e %3c/svg%3e");
+}
+.dito-icon-settings {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='3'/%3e %3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='12' cy='12' r='3'/%3e %3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3e %3c/svg%3e");
+}
+.dito-icon-small {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8.8%2c19c0%2c1.5%2c1.5%2c2.5%2c3.2%2c2.5s3.2-1%2c3.2-2.5s-1.5-2.5-3.2-2.5c-1.6%2c0-3-1.2-3-2.5s1.4-2.5%2c3-2.5s3%2c1.2%2c3%2c2.5'/%3e %3cline x1='12' y1='8' x2='12' y2='1'/%3e %3cpolyline points='8.9%2c5 12%2c8 15%2c5'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M8.8%2c19c0%2c1.5%2c1.5%2c2.5%2c3.2%2c2.5s3.2-1%2c3.2-2.5s-1.5-2.5-3.2-2.5c-1.6%2c0-3-1.2-3-2.5s1.4-2.5%2c3-2.5s3%2c1.2%2c3%2c2.5'/%3e %3cline x1='12' y1='8' x2='12' y2='1'/%3e %3cpolyline points='8.9%2c5 12%2c8 15%2c5'/%3e %3c/svg%3e");
+}
+.dito-icon-strike {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6.5%2c16c0%2c2.49%2c2.46%2c4.5%2c5.5%2c4.5s5.5-2.01%2c5.5-4.5s-2.46-4.5-5.5-4.5c-2.7%2c0-5-1.79-5-4s2.3-4%2c5-4s5%2c1.79%2c5%2c4'/%3e %3cline x1='2' y1='12' x2='22' y2='12'/%3e %3c/svg%3e");
+}
+.dito-icon-tag {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e %3cline x1='7' y1='7' x2='7' y2='7'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e %3cline x1='7' y1='7' x2='7' y2='7'/%3e %3c/svg%3e");
+}
+.dito-icon-trash {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3 6 5 6 21 6'/%3e %3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3e %3cline x1='10' y1='11' x2='10' y2='17'/%3e %3cline x1='14' y1='11' x2='14' y2='17'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3 6 5 6 21 6'/%3e %3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3e %3cline x1='10' y1='11' x2='10' y2='17'/%3e %3cline x1='14' y1='11' x2='14' y2='17'/%3e %3c/svg%3e");
+}
+.dito-icon-type {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 7 4 4 20 4 20 7'/%3e %3cline x1='9' y1='20' x2='15' y2='20'/%3e %3cline x1='12' y1='4' x2='12' y2='20'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4 7 4 4 20 4 20 7'/%3e %3cline x1='9' y1='20' x2='15' y2='20'/%3e %3cline x1='12' y1='4' x2='12' y2='20'/%3e %3c/svg%3e");
+}
+.dito-icon-underline {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3'/%3e %3cline x1='4' y1='21' x2='20' y2='21'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpath d='M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3'/%3e %3cline x1='4' y1='21' x2='20' y2='21'/%3e %3c/svg%3e");
+}
+.dito-icon-undo {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3%2c15 3%2c9 9%2c9'/%3e %3cpath d='M20%2c9c0%2c3.87-3.12%2c7-7%2c7c-1.94%2c0-3.73-0.73-5-2L3%2c9'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='3%2c15 3%2c9 9%2c9'/%3e %3cpath d='M20%2c9c0%2c3.87-3.12%2c7-7%2c7c-1.94%2c0-3.73-0.73-5-2L3%2c9'/%3e %3c/svg%3e");
+}.dito-pagination .dito-button-ellipsis-prev::before, .dito-pagination .dito-button-ellipsis-next::before, .dito-pagination .dito-button-ellipsis-prev:hover::before, .dito-pagination .dito-button-ellipsis-next:hover::before, .dito-pagination .dito-button-prev::before, .dito-pagination .dito-button-next::before {
+  width: 1em;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  content: "";
+  background: currentColor;
+  -webkit-mask: none no-repeat center content-box;
+          mask: none no-repeat center content-box;
+}
+.dito-pagination .dito-button-prev::before, .dito-pagination .dito-button-next::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='8%2c4 16%2c12 8%2c20'/%3e %3c/svg%3e");
+}
+.dito-pagination .dito-button-ellipsis-prev:hover::before, .dito-pagination .dito-button-ellipsis-next:hover::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: none%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3cpolyline points='4%2c4 12%2c12 4%2c20'/%3e %3cpolyline points='12%2c4 20%2c12 12%2c20'/%3e %3c/svg%3e");
+}
+.dito-pagination .dito-button-ellipsis-prev::before, .dito-pagination .dito-button-ellipsis-next::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMinYMid' style='fill: currentColor%3b stroke: currentColor%3b stroke-width: 2%3b stroke-linecap: round%3b stroke-linejoin: round%3b' %3e %3ccircle cx='4' cy='12' r='1'/%3e %3ccircle cx='12' cy='12' r='1'/%3e %3ccircle cx='20' cy='12' r='1'/%3e %3c/svg%3e");
+}
+.dito-pagination {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.dito-pagination .dito-pagination-total {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin: 0 0.5em;
+  line-height: 2em;
+}
+.dito-pagination .dito-button {
+  -webkit-transition: all 0.3s ease, color 0s, background 0s, border 0s;
+  transition: all 0.3s ease, color 0s, background 0s, border 0s;
+  font-variant-numeric: tabular-nums;
+  padding: 0 0.5em;
+}
+.dito-pagination .dito-button-prev::before {
+  -webkit-transform: scaleX(-1);
+          transform: scaleX(-1);
+}
+.dito-pagination .dito-button-ellipsis-prev, .dito-pagination .dito-button-ellipsis-next {
+  background: none;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  color: hsl(0deg, 0%, 4%);
+}
+.dito-pagination .dito-button-ellipsis-prev:focus, .dito-pagination .dito-button-ellipsis-next:focus {
+  color: hsl(211deg, 100%, 61%);
+}
+.dito-pagination .dito-button-ellipsis-prev:active, .dito-pagination .dito-button-ellipsis-next:active {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.dito-pagination .dito-button-ellipsis-prev::before {
+  -webkit-transform: scaleX(-1);
+          transform: scaleX(-1);
+}.dito-switch.dito-disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
+.dito-switch {
+  --switch-width: 4rem;
+  --switch-height: 2rem;
+  --switch-margin: 2px;
+  --switch-padding: 3px;
+  --switch-speed: 300ms;
+  --label-margin: 0.5em;
+  --width: calc(var(--switch-width) - 2 * var(--switch-margin));
+  --height: calc(var(--switch-height) - 2 * var(--switch-margin));
+  --offset: calc(var(--width) - var(--height));
+  display: inline-block;
+  position: relative;
+  height: var(--switch-height);
+  vertical-align: -25%;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-user-drag: none;
+}
+.dito-switch .dito-switch-pane {
+  position: relative;
+  width: var(--width);
+  height: var(--height);
+}
+.dito-switch .dito-switch-pane,
+.dito-switch .dito-switch-label {
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.dito-switch input {
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  width: 100%;
+  height: 100%;
+  border-radius: 1em;
+  background: hsl(0deg, 0%, 78%);
+  -webkit-transition: border-color 0.3s, background-color 0.3s;
+  transition: border-color 0.3s, background-color 0.3s;
+}
+.dito-switch .dito-switch-button {
+  position: absolute;
+  font-size: calc(var(--height) - 2 * var(--switch-padding));
+  top: var(--switch-padding);
+  left: var(--switch-padding);
+  width: 1em;
+  height: 1em;
+  border-radius: 0.5em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  background: hsl(0deg, 0%, 100%);
+  -webkit-transition: -webkit-transform var(--switch-speed);
+  transition: -webkit-transform var(--switch-speed);
+  transition: transform var(--switch-speed);
+  transition: transform var(--switch-speed), -webkit-transform var(--switch-speed);
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+}
+.dito-switch .dito-switch-button,
+.dito-switch .dito-switch-label {
+  pointer-events: none;
+}
+.dito-switch .dito-switch-label {
+  position: absolute;
+  right: var(--label-margin);
+  text-transform: uppercase;
+  color: hsl(0deg, 0%, 100%);
+}
+.dito-switch.dito-checked input {
+  background: hsl(211deg, 100%, 61%);
+}
+.dito-switch.dito-checked .dito-switch-button {
+  -webkit-transform: translateX(var(--offset));
+          transform: translateX(var(--offset));
+}
+.dito-switch.dito-checked .dito-switch-label {
+  left: var(--label-margin);
+  right: unset;
+}
+.dito-switch:focus-within:not(:hover) .dito-switch-button {
+  -webkit-box-shadow: 0 0 0 1px hsl(211deg, 100%, 61%);
+          box-shadow: 0 0 0 1px hsl(211deg, 100%, 61%);
+}.height-enter-active,
+.height-leave-active {
+  -webkit-transition: height 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+  transition: height 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+  overflow: hidden;
+}
+.height-enter-active {
+  -webkit-animation: slide-enter 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+          animation: slide-enter 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+.height-leave-active {
+  -webkit-animation: slide-leave 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+          animation: slide-leave 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+.height-enter,
+.height-leave-to {
+  height: 0;
+}