@import url('https://fonts.googleapis.com/css?family=Roboto:400,600,700|Roboto+Mono:400,500,600');
@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,600');
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

:root {
  --html-brand-primary: #02488d;
  --html-brand-primary-dark: #013366;
  --html-brand-accent: #02488d;
  --html-brand-primary-rgb: 2, 72, 141;
  --html-brand-accent-rgb: 2, 72, 141;
}

/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/

html {
  font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
  * Remove default margin.
  */

body {
  color: #586269;
  font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

#TOC {
  top: 0px;
  left: 0;
  min-height: calc(100vh - 30px);
  max-height: calc(100vh - 30px);
  width: unset;
  position: relative;
  background-color: #ccc;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-padding-top: calc(100vh - 10em);
}

#TOC a {
  text-decoration: none;
  font-size: 16px;
  color: black;
  display: block;
  white-space: wrap;
    /* Allows text to wrap */
    overflow: hidden;
    /* Hides overflow content */
  text-overflow: ellipsis;
}

#TOC a.diff-changes-enable {
  position: relative;
  overflow: visible;
  display: block;
  width: 100%;
}

nav>ul>li>a.diff-changes-enable::after {
  content: " ●";
  color: green;
}

nav>ul>li>a.diff-changes-enable:hover::before {
  content: "Total Changes: " attr(data-diff-count);
  position: absolute;
  left: 2%;
  bottom: 50%;
  margin-bottom: 6px;
  padding: 4px 8px;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 1000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

#TOC h1 {
  background-color: var(--html-brand-primary);
  border-bottom-style: none;
  padding-top: 10px;
  margin-bottom: 0px !important;
}

#TOC:before {
  content: url("https://www.etsi.org/templates/etsi/img/logo.svg");
  display: block;
  background-color: white;
  padding-left: 30px;
  padding-top: 5px;
  position: sticky;
  top: 0px;
}

flex-item:has(#TOC) {
  background-color: #3e484f;
  flex: 1.5 !important;
}

@media only screen and (max-width: 992px) {
  flex-item:has(#TOC) {
    flex: 1 !important;
  }
}

@media only screen and (max-width: 600px) {
  flex-item:has(#TOC),
  flex>flex-resizer {
    display: none;
  }
}

flex-item:has(#TOC):after {
  background-color: #3e484f;
  color: white;
  padding-left: 30px;
  padding-top: 5px;
  content: "© Copyright 2026, ETSI";
  display: block;
  font-family: "Rubik";
  font-size: 0.9rem;
}

#TOC h1 a {
  color: white;
}

#TOC ul {
  background-color: rgba(200, 200, 200);
  width: 100%
}

#TOC>ul>li:has(a[href*="intellectual-property-rights.html"]) {
  margin-top: 8px;
}

#TOC>ul>li:has(a[href*="clause-1.html"]),
#TOC>ul>li:has(a[href*="annex-a.html"]),
#TOC>ul>li:has(a[href*="history.html"]) {
  padding-top: 8px;
  margin-top: 8px;
  border-top: 2px inset white;
}

#TOC ul:after {
  background-color: var(--html-brand-primary);
}

#TOC ul:first-child {
  background-color: var(--html-brand-primary);
  list-style: none;
  margin-bottom: 0px !important;
  position: sticky;
  top: 50px;
}

#TOC li>ul {
  display: none;
}

#TOC li:not(:has(> ul))::marker {
  /* A simple dot */
  content: "•   " !important;
  cursor: default !important;
}

#TOC li::marker {
  /* An arrow to the right */
  content: "▶  ";
  cursor: pointer;
}

#TOC li.open>ul {
  display: block;
}

#TOC li.active>a {
  background-color: rgba(100, 100, 100, 0.65);
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
}

#TOC li.active>a {
  color: white;
}

#TOC li.open::marker {
  /* An arrow to the bottom */
  content: "▼  ";
  cursor: pointer;
}

#editor {
  padding: 0 2rem 2rem 2rem;
  max-width: 1140px;
  margin: 0 auto;
  min-height: 100vh;
}

#editor:has(.ZT) {
  background-color: white;
}

#editor:has(.ZT) .FL {
  border: none;
}

@media screen and (max-width: 600px) {
  #TOC {
    width: 100%;
    left: -100%;
  }
}

/* BORROWED FROM HERE: https://stackoverflow.com/questions/28767221/flexbox-resizing */

flex {
  display: flex;
  overflow: hidden;
}

flex.h {
  flex-direction: row;
}

flex.v {
  flex-direction: column;
}

flex-item {
  overflow: auto;
}

flex-item.html-layout__sidebar {
  flex: 1;
}

flex-item.html-layout__content {
  flex: 5;
}

flex>flex-resizer {
  flex: 0 0 10px;
  /* background: white; */
  background-color: #aaa;
  background-repeat: no-repeat;
  background-position: center;
}

flex.h>flex-resizer {
  cursor: ew-resize;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>");
}

flex.v>flex-resizer {
  cursor: ns-resize;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='10'><path d='M0 2 h30 M0 5 h30 M0 8 h30' fill='none' stroke='black'/></svg>");
}

/* Badges */

.norm {
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  background: var(--html-brand-primary);
  padding: 4px 20px 4px 20px;
  border-radius: 4px;
  border: 1px solid rgb(62, 72, 79);
  float: right;
}

.inform {
  /*color: rgb(62, 72, 79)*/
  color: black;
  text-transform: uppercase;
  font-size: 16px;
  background: rgb(191, 227, 255);
  padding: 4px 20px 4px 20px;
  border-radius: 4px;
  border: 1px solid var(--html-brand-primary);
  float: right;
}

td div.TAC p,
td div.TAJ p,
td div.TAH p {
  display: inline;
}

/* HTML5 display definitions
  ========================================================================== */

/**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
  * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
  * 1. Correct `inline-block` display not defined in IE 8/9.
  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  */

audio,
canvas,
progress,
video {
  display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
  * Address `[hidden]` styling not present in IE 8/9/10.
  * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
  */

[hidden],
template {
  display: none;
}

/* Links
  ========================================================================== */

/**
  * Remove the gray background color from active links in IE 10.
  */

a {
  background: transparent;
}

/**
  * Improve readability when focused and also mouse hovered in all browsers.
  */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
  ========================================================================== */

/**
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  */

b,
strong {
  font-weight: 500;
  color: #3e484f;
}

td div strong,
td div p strong {
  font-weight: bold;
}

.HTML-Code b,
.HTML-Code strong {
  color: #236071;
}

/**
  * Address styling not present in Safari and Chrome.
  */

dfn {
  font-style: italic;
}

/**
  * Address variable `h1` font-size and margin within `section` and `article`
  * contexts in Firefox 4+, Safari, and Chrome.
  */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
  * Address styling not present in IE 8/9.
  */

mark {
  background: #ff0;
  color: #000;
}

/**
  * Address inconsistent and variable font size in all browsers.
  */

small {
  font-size: 80%;
}

/**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
  ========================================================================== */

/**
  * Remove border when inside `a` element in IE 8/9/10.
  */

img {
  border: 0;
}

/**
  * Correct overflow not hidden in IE 9/10/11.
  */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
  ========================================================================== */

/**
  * Address margin not present in IE 8/9 and Safari.
  */

figure {
  margin: 1em 40px;
}

/**
  * Address differences between Firefox and other browsers.
  */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
  * Contain overflow in all browsers.
  */

pre {
  overflow: auto;
}

/**
  * Address odd `em`-unit font size rendering in all browsers.
  */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
  ========================================================================== */

/**
  * Known limitation: by default, Chrome and Safari on OS X allow very limited
  * styling of `select`, unless a `border` property is set.
  */

/**
  * 1. Correct color not being inherited.
  *    Known issue: affects color of disabled elements.
  * 2. Correct font properties not being inherited.
  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
  */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
  * Address `overflow` set to `hidden` in IE 8/9/10/11.
  */

button {
  overflow: visible;
}

/**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  * Correct `select` style inheritance in Firefox.
  */

button,
select {
  text-transform: none;
}

/**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  */

button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
    /* 2 */
  appearance: button;
  cursor: pointer;
    /* 3 */
}

/**
  * Re-set default cursor for disabled elements.
  */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
  * Remove inner padding and border in Firefox 4+.
  */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */

input {
  line-height: normal;
}

/**
  * It's recommended that you don't attempt to style these elements.
  * Firefox's implementation doesn't respect box-sizing, padding, or width.
  *
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  * `font-size` values of the `input`, it causes the cursor style of the
  * decrement button to change from `default` to `text`.
  */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
  *    (include `-moz` to future-proof).
  */

input[type="search"] {
  -webkit-appearance: textfield;
    /* 1 */
  appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
    /* 2 */
  box-sizing: content-box;
}

/**
  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  * Safari (but not Chrome) clips the cancel button when the search input has
  * padding (and `textfield` appearance).
  */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
  * Define consistent border, margin, and padding.
  */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  */

legend {
  border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
  * Remove default vertical scrollbar in IE 8/9/10/11.
  */

textarea {
  overflow: auto;
}

/**
  * Don't inherit the `font-weight` (applied by a rule above).
  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  */

optgroup {
  font-weight: bold;
}

/* Tables
  ========================================================================== */

/**
  * Remove most spacing between table cells.
  */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
  * Center tables.
*/

table {
  margin: 0 auto;
}

td,
th {
  padding: 0;
}

/* Figure captions */

.caption {
  margin-bottom: 5em;
}

/*! End of normalize.css
  ========================================================================== */

/* Github styles
  ========================================================================== */

* {
  box-sizing: border-box;
}

body {
  font-family: Rubik, -apple-system, BlinkMacSystemFont, "Times New Roman", "Segoe UI",
      Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9rem;
  line-height: 1.4;
  /* margin: auto; */
  /* max-width: 920px;
    min-width: 360px; */
  max-width: 75%;
  left: 275px;
  position: relative;
  padding: 2rem;
  word-wrap: break-word;
  background-color: rgb(248, 249, 250);
  color: rgb(62, 72, 79);
}

/* Headers
  ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  margin-bottom: 16px;
  margin-top: 2em;
  color: var(--html-brand-primary);
  font-family: "Maven Pro";
}

h1 {
  padding-top: 0.7em;
  margin-top: 1.5em;
  padding-bottom: 0.3em;
  font-size: 2em;
  font-weight: 700;
  border-bottom: 1px solid rgb(62, 72, 79);
}

h2 {
  margin-top: 1.5em;
  padding-bottom: 0.3em;
  font-size: 1.5em;
  font-weight: 600;
  border-bottom: 1px solid rgb(62, 72, 79)
}

h3 {
  font-size: 1.25em;
}

h4 {
  font-size: 1.1em;
}

h5 {
  font-size: 1.05em;
}

h6 {
  font-size: 1em;
  color: #777;
}

h1 tt,
h1 code,
h2 tt,
h2 code,
h3 tt,
h3 code,
h4 tt,
h4 code,
h5 tt,
h5 code,
h6 tt,
h6 code {
  font-size: inherit;
}
body>h2:first-child {
  margin-top: 0;
  padding-top: 0;
}
body>h1:first-child {
  margin-top: 0;
  padding-top: 0;
}
body>h1:first-child+h2 {
  margin-top: 0;
  padding-top: 0;
}
body>h3:first-child,
body>h4:first-child,
body>h5:first-child,
body>h6:first-child {
  margin-top: 0;
  padding-top: 0;
}

a:first-child h1,
a:first-child h2,
a:first-child h3,
a:first-child h4,
a:first-child h5,
a:first-child h6 {
  margin-top: 0;
  padding-top: 0;
}

/* Flow Content
  ========================================================================== */

a {
  color: var(--html-brand-primary);
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
  color: #012142;
}

sup,
sub,
a.footnote {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Block Content
  ========================================================================== */

ol,
ul {
  margin-bottom: 16px;
  margin-top: 0;
  padding-left: 2em;
}

p,
blockquote,
pre {
  margin: 15px 0;
}

ul,
ol {
  padding-left: 2em;
}

ul.no-list,
ol.no-list {
  padding: 0;
  list-style-type: none;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
li>p {
  margin-top: 16px;
}

li>p:has(span.indent) {
  text-indent: -3.7em;
  padding-left: 3.7em;
}

li>p:has(span.run-on) {
  margin-top: -15px;
  margin-left: 3.7em;
}
li+li {
  margin-top: 0.25em;
}

ol li ul:first-of-type {
  margin-top: 0;
}

hr {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
  border: 0 none;
  color: #ccc;
  height: 4px;
  margin: 16px 0;
  padding: 0;
}
h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p,
ul li> :first-child,
ol li> :first-child {
  margin-top: 0;
}

dl {
  padding: 0;
}

dl dt {
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin: 15px 0 5px;
}

dl dt:first-child {
  padding: 0;
}
dl dt> :first-child {
  margin-top: 0;
}
dl dt> :last-child {
  margin-bottom: 0;
}

dl dd {
  margin: 0 0 15px;
  padding: 0 15px;
}
dl dd> :first-child {
  margin-top: 0;
}
dl dd> :last-child {
  margin-bottom: 0;
}

blockquote {
  border-left: 4px solid #ddd;
  padding: 0 15px;
  color: #777;
}
blockquote> :first-child {
  margin-top: 0;
}
blockquote> :last-child {
  margin-bottom: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font: inherit;
}

table th {
  font-weight: normal;
  border: 1px solid rgb(153, 160, 165);
  padding: 6px 13px;
  background-color: var(--html-brand-primary);
}

table td {
  border: 1px solid rgb(153, 160, 165);
  padding: 6px 13px;
}
table td>p:first-child {
  margin-top: 0;
}
table td>p:last-child {
  margin-bottom: 0;
}

table tr {
  border-top: 1px solid rgb(153, 160, 165);
  background-color: #fff;
  color: #1a1f23;
}

td:has(.TAH) {
  color: white;
  background-color: var(--html-brand-primary);
}

td[rowspan]:has(.TAH) {
  color: #1a1f23;
  background-color: rgb(215, 222, 227);
}

th:has(.TAH) {
  color: white;
  background-color: var(--html-brand-primary);
}

td[rowspan]:has(.TAH) {
  color: #1a1f23;
  background-color: rgb(215, 222, 227);
}

td:has(.TAN) {
  background-color: aliceblue;
}

/* STRIPED TABLES DOES NOT WORK WITH GRID TABLES AS THEY REQUIRE CUSTOM CSS TO WORK PROPERLY
   LOOK AT THE BOTTOM OF THIS FILE FOR THE CUSTOM CSS
  ========================================================================== */
/* table tr:nth-child(2n) {
  background-color: #f8f8f8;
} */
img {
  max-width: 100%;
}

/* Code
  ========================================================================== */

code,
tt {
  padding: 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin: 0;
  font-family: "Roboto Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 1em;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
}
pre>code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: 0;
  background: transparent;
}

pre {
  padding: 16px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #f8f8f8;
  font-size: 10pt;
  line-height: 19px;
  overflow: auto;
  border-radius: 3px;
  border: 1px solid;
  border-color: #e1e2e3;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  padding-right: 16px;
  border-radius: 3px;

}

pre code,
pre tt {
  background-color: transparent;
  border: 0;
}

code::before,
code::after,
tt::before,
tt::after {
  letter-spacing: -0.2em;
  content: "\00a0";
}

pre code::before,
pre code::after,
pre tt::before,
pre tt::after {
  content: normal;
}
code>span.kw {
  color: #a71d5d;
  font-weight: normal;
}

/* Keyword */
code>span.dt {
  color: inherit;
}

/* DataType */
code>span.dv {
  color: #0086b3;
}

/* DecVal */
code>span.bn {
  color: #0086b3;
}

/* BaseN */
code>span.fl {
  color: #0086b3;
}

/* Float */
code>span.ch {
  color: #183691;
}

/* Char */
code>span.st {
  color: #183691;
}

/* String */
code>span.co {
  color: #969896;
  font-style: normal;
}

/* Comment */
code>span.ot {
  color: #a71d5d;
}

/* Other */
code>span.al {
  color: #ff0000;
}

/* Alert */
code>span.fu {
  color: #795da3;
}

/* Function */
code>span.er {
  color: #ff0000;
  font-weight: bold;
}

/* Error */
code>span.wa {
  color: #969896;
  font-weight: bold;
  font-style: italic;
}

/* Warning */
code>span.cn {
  color: #880000;
}

/* Constant */
code>span.sc {
  color: #183691;
}

/* SpecialChar */
code>span.vs {
  color: #183691;
}

/* VerbatimString */
code>span.ss {
  color: #bb6688;
}

/* SpecialString */
/* code > span.im {
} Import */
code>span.va {
  color: #19177c;
}

/* Variable */
code>span.cf {
  color: #a71d5d;
  font-weight: normal;
}

/* ControlFlow */
code>span.op {
  color: #666666;
}

/* Operator */
/* code > span.bu {
} BuiltIn
code > span.ex {
} Extension */
code>span.pp {
  color: #bc7a00;
}

/* Preprocessor */
code>span.at {
  color: #0086b3;
}

/* Attribute */
code>span.do {
  color: #ba2121;
  font-style: italic;
}

/* Documentation */
code>span.an {
  color: #969896;
  font-weight: bold;
  font-style: italic;
}

/* Annotation */
code>span.cv {
  color: #969896;
  font-weight: bold;
  font-style: italic;
}

/* CommentVar */
code>span.in {
  color: #969896;
  font-weight: bold;
  font-style: italic;
}

/* Information */

/* Print
  ========================================================================== */

@media print {
  body {
    background: #fff;
  }

  img,
  pre,
  blockquote,
  table,
  figure {
    page-break-inside: avoid;
  }

  body {
    background: #fff;
    border: 0;
  }

  code {
    background-color: #fff;
    color: #333 !important;
    padding: 0 0.2em;
    border: 1px solid #dedede;
  }

  pre {
    background: #fff;
  }

  pre code {
    background-color: white !important;
    overflow: visible;
  }
}

/* Selection
  ========================================================================== */

@media screen {
  ::selection {
    background: rgba(157, 193, 200, 0.5);
  }

  h1::selection {
    background-color: rgba(45, 156, 208, 0.3);
  }

  h2::selection {
    background-color: rgba(90, 182, 224, 0.3);
  }

  h3::selection,
  h4::selection,
  h5::selection,
  h6::selection,
  li::selection,
  ol::selection {
    background-color: rgba(133, 201, 232, 0.3);
  }

  code::selection {
    background-color: rgba(0, 0, 0, 0.7);
    color: #eee;
  }

  code span::selection {
    background-color: rgba(0, 0, 0, 0.7) !important;
    color: #eee !important;
  }

  a::selection {
    background-color: rgba(255, 230, 102, 0.2);
  }

  .inverted a::selection {
    background-color: rgba(255, 230, 102, 0.6);
  }

  td::selection,
  th::selection,
  caption::selection {
    background-color: rgba(180, 237, 95, 0.5);
  }
}


/*lists highlighting*/
/* li p {
      background-color: rgb(255,0,0);
  } */

/* CUSTOM CSS
========================================================================== */

.NO>div:first-child,
.EX>div:first-child,
.TAN>div:first-child {
  text-wrap: nowrap;
}

code span.er {
  color: rgb(62, 72, 79) !important;
  font-weight: 500;
}


.bg-striped-row {
  background-color: rgb(241, 241, 241) !important;
}

table.no-table-stripes tbody tr {
  background-color: #fff !important;
}


@media (prefers-color-scheme: dark) {

  table tr,
  body {
    color: white;
    background: #3e484f;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: rgb(191, 227, 255);
  }

  h1,
  h2 {
    border-bottom-color: white;
  }

  td:has(.TAN),
  .NO {
    background-color: #416b88;
  }

  th:has(.TAH),
  td:has(.TAH) {
    background-color: #4f90bd;
  }


  a {
    color: rgb(191, 227, 255);
  }

  a:hover {
    color: rgb(100, 155, 198);
  }

  .HTML-Keyboard,
  b,
  strong,
  .HTML-Variable strong,
  #TOC a {
    color: white;
  }

  .HTML-Code {
    color: #62eaea;
  }

  pre {
    background-color: #e6e6e6;
    border-color: #252b2f;
    color: #3e484f;
  }

  .HTML-Error {
    color: #fb97a1;
  }

  .bg-striped-row {
    background-color: #2c343a !important;
  }

  #TOC,
  #TOC ul,
  table.no-table-stripes tbody tr {
    background: #3e484f !important;
  }

  #TOC ul:first-child {
    background-color: var(--html-brand-primary) !important;
  }

  #TOC ul:first-child li::marker {
    color: var(--html-brand-primary);
  }

        #TOC li.active>a {
    background: rgba(38, 38, 38, 0.65);
  }

  td[rowspan]:has(.TAH) {
    background-color: rgb(102, 101, 101);
    color: white;
  }

  .inform,
  .norm {
    border-color: white;
  }

  flex-item:has(#TOC):after {
    background-color: #252b2f;
  }

  code {
    background: rgba(38, 38, 38, 0.3);
  }

  .HTML-Code b,
  .HTML-Code strong {
    color: rgb(191, 227, 255);
  }

  #editor:has(.ZT) {
    color: rgb(62, 72, 79);
  }

  #editor:has(.ZT) a {
    color: var(--html-brand-primary);
  }

  #editor:has(.ZT) a:hover {
    color: #012142;
  }

  flex-item:has(.ZT) {
    background-color: white;
  }
}

/* Default styles provided by pandoc.
      ** See https://pandoc.org/MANUAL.html#variables-for-html for config info.
      */
code {
  white-space: pre-wrap;
}

span.smallcaps {
  font-variant: small-caps;
}

div.columns {
  display: flex;
  gap: min(4vw, 1.5em);
}

div.column {
  flex: auto;
  overflow-x: auto;
}

div.hanging-indent {
  margin-left: 1.5em;
  text-indent: -1.5em;
}

/* The extra [class] is a hack that increases specificity enough to
         override a similar rule in reveal.js */
ul.task-list[class] {
  list-style: none;
}

ul.task-list li input[type="checkbox"] {
  font-size: inherit;
  width: 0.8em;
  margin: 0 0.8em 0.2em -1.6em;
  vertical-align: middle;
}

.display.math {
  display: block;
  text-align: center;
  margin: 0.5rem auto;
}

/* CSS for syntax highlighting */
html {
  -webkit-text-size-adjust: 100%;
}

pre>code.sourceCode {
  white-space: pre;
  position: relative;
}

pre>code.sourceCode>span {
  display: inline-block;
  line-height: 1.25;
}

pre>code.sourceCode>span:empty {
  height: 1.2em;
}

.sourceCode {
  overflow: visible;
}

code.sourceCode>span {
  color: inherit;
  text-decoration: inherit;
}

div.sourceCode {
  margin: 1em 0;
}

pre.sourceCode {
  margin: 0;
}

@media screen {
  div.sourceCode {
    overflow: auto;
  }
}

@media print {
  pre>code.sourceCode {
    white-space: pre-wrap;
  }

  pre>code.sourceCode>span {
    text-indent: -5em;
    padding-left: 5em;
  }
}

pre.numberSource code {
  counter-reset: source-line 0;
}

pre.numberSource code>span {
  position: relative;
  left: -4em;
  counter-increment: source-line;
}

pre.numberSource code>span>a:first-child::before {
  content: counter(source-line);
  position: relative;
  left: -1em;
  text-align: right;
  vertical-align: baseline;
  border: none;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 4px;
  width: 4em;
  color: #aaaaaa;
}

pre.numberSource {
  margin-left: 3em;
  border-left: 1px solid #aaaaaa;
  padding-left: 4px;
}

div.sourceCode {}

@media screen {
  pre>code.sourceCode>span>a:first-child::before {
    text-decoration: underline;
  }
}

/* Alert */
code span.al {
  color: #ff0000;
  font-weight: bold;
}

/* Annotation */
code span.an {
  color: #60a0b0;
  font-weight: bold;
  font-style: italic;
}

/* Attribute */
code span.at {
  color: #7d9029;
}

/* BaseN */
code span.bn {
  color: #40a070;
}

/* BuiltIn */
code span.bu {
  color: #008000;
}

/* ControlFlow */
code span.cf {
  color: #007020;
  font-weight: bold;
}

/* Char */
code span.ch {
  color: #4070a0;
}

/* Constant */
code span.cn {
  color: #880000;
}

/* Comment */
code span.co {
  color: #60a0b0;
  font-style: italic;
}

/* CommentVar */
code span.cv {
  color: #60a0b0;
  font-weight: bold;
  font-style: italic;
}

/* Documentation */
code span.do {
  color: #ba2121;
  font-style: italic;
}

/* DataType */
code span.dt {
  color: #902000;
}

/* DecVal */
code span.dv {
  color: #40a070;
}

/* Error */
code span.er {
  color: #ff0000;
  font-weight: bold;
}

/* Extension */
code span.ex {}

/* Float */
code span.fl {
  color: #40a070;
}

/* Function */
code span.fu {
  color: #06287e;
}

/* Import */
code span.im {
  color: #008000;
  font-weight: bold;
}

/* Information */
code span.in {
  color: #60a0b0;
  font-weight: bold;
  font-style: italic;
}

/* Keyword */
code span.kw {
  color: #007020;
  font-weight: bold;
}

/* Operator */
code span.op {
  color: #666666;
}

/* Other */
code span.ot {
  color: #007020;
}

/* Preprocessor */
code span.pp {
  color: #bc7a00;
}

/* SpecialChar */
code span.sc {
  color: #4070a0;
}

/* SpecialString */
code span.ss {
  color: #bb6688;
}

/* String */
code span.st {
  color: #4070a0;
}

/* Variable */
code span.va {
  color: #19177c;
}

/* VerbatimString */
code span.vs {
  color: #4070a0;
}

/* Warning */
code span.wa {
  color: #60a0b0;
  font-weight: bold;
  font-style: italic;
}

/* End of pandoc default styles */

/* diff mode window styles */
/* ============================================
   Diff Visualizer - Overlay Styles
   ============================================ */

/* Control Button in Top Right */
.diff-visualizer-btn {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9998;
  padding: 10px 16px;
  background-color: var(--html-brand-accent);
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  font-family: inherit;
}

.diff-visualizer-btn:hover {
  background-color: var(--html-brand-primary-dark);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

.diff-visualizer-btn:active {
  transform: translateY(0);
}

/* Overlay Container */
.diff-visualizer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 9999;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}

.diff-visualizer-overlay.visible {
  opacity: 1;
  visibility: visible;
}

/* Panel needs pointer events to be functional */
.diff-visualizer-panel {
  pointer-events: auto;
}

.diff-visualizer-overlay.visible {
  opacity: 1;
  visibility: visible;
}

/* Panel */
.diff-visualizer-panel {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 160px;
  /* width pannel */
  max-height: 90vh;
  overflow-y: auto;
  animation: slideInRight 0.3s ease;
  pointer-events: auto;
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Header */
.diff-visualizer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 2px solid #e0e0e0;
  background-color: #f8f9fa;
  border-radius: 8px 8px 0 0;
}

.diff-visualizer-header h2 {
  margin: 0;
  font-size: 18px;
  color: var(--html-brand-accent);
  font-weight: 600;
}

.diff-close-btn {
  background: none;
  border: none;
  font-size: 28px;
  color: #666;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.diff-close-btn:hover {
  background-color: #e0e0e0;
  color: #000;
}

/* Sections */
.diff-visualizer-section {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
}

.diff-visualizer-section:last-child {
  border-bottom: none;
}

.diff-visualizer-section h3 {
  margin: 0 0 15px 0;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Navigation Controls */
.diff-visualizer-nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
}

.diff-nav-btn {
  padding: 12px 16px;
  background-color: #f0f0f0;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  transition: all 0.2s ease;
  font-family: inherit;
  width: 100%;
}

.diff-nav-btn:hover {
  background-color: #e0e0e0;
  border-color: #b0b0b0;
}

.diff-nav-btn:active {
  background-color: #d0d0d0;
  transform: scale(0.98);
}

.diff-change-counter {
  padding: 12px 16px;
  background-color: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--html-brand-accent);
  text-align: center;
  width: 100%;
}

/* Mode Buttons */
.diff-visualizer-modes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.diff-mode-btn {
  padding: 12px 16px;
  background-color: #f0f0f0;
  border: 2px solid #d0d0d0;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  transition: all 0.2s ease;
  font-family: inherit;
  width: 100%;
}

.diff-mode-btn:hover {
  background-color: #e8e8e8;
  border-color: var(--html-brand-accent);
}

.diff-mode-btn.active {
  background-color: var(--html-brand-accent);
  color: white;
  border-color: var(--html-brand-accent);
}

.diff-highlight-toggle {
  display: flex;
  align-items: center;
}

div.diff-highlight-toggle label {
  margin-left: 8px;
  font-size: 14px;
  color: #333;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}

div.diff-highlight-toggle input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  cursor: pointer;
}

/* Statistics */
.diff-visualizer-stats {
  margin: 0;
  padding: 0;
}

.diff-visualizer-stats p {
  margin: 8px 0;
  font-size: 14px;
  color: #555;
}

.diff-visualizer-stats strong {
  color: var(--html-brand-accent);
  font-weight: 600;
}

/* Highlight for Current Change */
.diff-current-highlight {
  animation: highlightPulse 0.6s ease;
  outline: 2px solid var(--html-brand-accent) !important;
  outline-offset: 4px !important;
  border-radius: 0px;
  position: relative;
}

@keyframes highlightPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--html-brand-accent-rgb), 0.7);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(var(--html-brand-accent-rgb), 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(var(--html-brand-accent-rgb), 0);
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .diff-visualizer-btn {
    padding: 8px 12px;
    font-size: 12px;
    top: 10px;
    right: 10px;
  }

  .diff-visualizer-overlay {
    padding: 10px;
  }

  .diff-visualizer-panel {
    max-width: 100%;
    max-height: 80vh;
  }

  .diff-nav-btn {
    font-size: 12px;
    padding: 10px 12px;
  }
}

@media (max-width: 480px) {
  .diff-visualizer-header h2 {
    font-size: 16px;
  }

  .diff-visualizer-section {
    padding: 15px;
  }

  .diff-visualizer-section h3 {
    font-size: 12px;
  }

  .diff-change-counter {
    min-width: 50px;
    font-size: 12px;
  }
}

/* End of Diff Visualizer Styles */

/* all diff-styles */
:root {
  --diff-addition-color: #0050b3;
  --diff-addition-background: #e6f0ff;
}

del.diff-view-all {
  color: #b00020 !important;
  background-color: #ffe6e6 !important;
  border-left: 3px solid #b00020 !important;
  padding-left: 2px !important;
  position: relative !important;
}
del.diff-view-all:has(img) {
  display: block !important;
}
del.diff-view-all * {
  color: #b00020 !important;
  background-color: #ffe6e6 !important;
}
del.diff-view-all img {
  opacity: 0.5 !important;
  filter: grayscale(50%) !important;
}
ins.diff-view-all {
  color: var(--diff-addition-color) !important;
  background-color: var(--diff-addition-background) !important;
  border-left: 3px solid var(--diff-addition-color) !important;
  padding-left: 2px !important;
}
ins.diff-view-all:has(img) {
  display: block !important;
}
ins.diff-view-all * {
  color: var(--diff-addition-color) !important;
  background-color: var(--diff-addition-background) !important;
}
tr.row-added.diff-view-all {
  background-color: var(--diff-addition-background) !important;
}
tr.row-added.diff-view-all * {
  color: var(--diff-addition-color) !important;
  background-color: var(--diff-addition-background) !important;
}
tr.row-removed.diff-view-all {
  background-color: #ffe6e6 !important;
}
tr.row-removed.diff-view-all * {
  color: #b00020 !important;
  background-color: #ffe6e6 !important;
}

del.diff-view-all:has(> div, > pre.sourceCode, > table),
ins.diff-view-all:has(> div, > pre.sourceCode, > table) {
  display: block !important;
}

/* original diff styles */
del.diff-view-original {
  position: relative !important;
  text-decoration: none;
}

del.diff-view-original:has(img) {
  display: block !important;
}

ins.diff-view-original {
  display: none !important;
}

ins.diff-view-original:has(img) {
  display: none !important;
}

ins.diff-view-original * {
  display: none !important;
}

tr.row-added.diff-view-original {
  display: none !important;
}

tr.row-added.diff-view-original * {
  display: none !important;
}

del.diff-view-original:has(> div, > pre.sourceCode, > table) {
  display: block !important;
}

ins.diff-original:has(> div, > pre.sourceCode, > table) {
  display: none !important;
}

/* simple diff styles */
del.diff-view-simple {
  display: none !important;
}

del.diff-view-simple:has(img) {
  display: none !important;
}

del.diff-view-simple * {
  display: none !important;
}

del.diff-view-simple img {
  opacity: 0.5 !important;
  filter: grayscale(50%) !important;
}

ins.diff-view-simple {
  border-left: 3px solid var(--diff-addition-color) !important;
  padding-left: 2px !important;
}

ins.diff-view-simple:has(img) {
  display: block !important;
}

del.diff-view-simple:has(> div, > pre.sourceCode, > table),
ins.diff-view-simple:has(> div, > pre.sourceCode, > table) {
  display: block !important;
}

tr.row-removed.diff-view-simple {
  display: none !important;
}

table:has(del.diff-view-simple),
table:has(.row-removed.diff-view-simple) {
  border-left: none !important;
  box-shadow:
    -4px 0 0 0 #b00020;
  /* margin-left: 0 !important; */
  padding-left: 4px !important;
}

table:has(ins.diff-view-simple),
table:has(.row-added.diff-view-simple) {
  border-left: none !important;
  box-shadow:
    -4px 0 0 0 var(--diff-addition-color);
  /* margin-left: 0 !important; */
  padding-left: 4px !important;
}

table:has(del.diff-view-simple):has(ins.diff-view-simple),
table:has(del.diff-view-simple):has(.row-added.diff-view-simple),
table:has(.row-removed.diff-view-simple):has(ins.diff-view-simple),
table:has(.row-removed.diff-view-simple):has(.row-added.diff-view-simple) {
  border-left: none !important;
  box-shadow:
    -2px 0 0 0 #b00020,
    -4px 0 0 0 var(--diff-addition-color) !important;
  /* margin-left: 0 !important; */
  padding-left: 4px !important;
}

table.TAL ins.diff-view-simple {
  border-left: none !important;
  padding: 0 !important;
}

ins.diff-view-simple {
  text-decoration: none;
}

div.sourceCode:has(ins.diff-view-simple) {
  border-left: none !important;
  box-shadow:
    -4px 0 0 0 var(--diff-addition-color);
  padding-left: 0px !important;
}

div.sourceCode ins.diff-view-simple {
  text-decoration: none;
  background-color: inherit !important;
  color: inherit !important;
  border: none !important;
  padding: 0 !important;
}

div.sourceCode:has(del.diff-view-simple) {
  border-left: none !important;
  box-shadow:
    -4px 0 0 0 #b00020;
  padding-left: 0px !important;
}

div.sourceCode:has(del.diff-view-simple):has(ins.diff-view-simple) {
  border-left: none !important;
  box-shadow:
    -2px 0 0 0 #b00020,
    -4px 0 0 0 var(--diff-addition-color) !important;
  padding-left: 0px !important;
}

p:has(del.diff-view-simple):not(table p, div.sourceCode p) {
  border-left: 3px solid #b00020 !important;
  padding-left: 2px !important;
  position: relative !important;
}

p:has(ins.diff-view-simple):not(table p, div.sourceCode p) {
  border-left: 3px solid var(--diff-addition-color) !important;
  padding-left: 2px !important;
  position: relative !important;
}

p:has(del.diff-view-simple):has(ins.diff-view-simple):not(table p, div.sourceCode p) {
  border-left: none !important;
  box-shadow:
    -2px 0 0 0 #b00020,
    -4px 0 0 0 var(--diff-addition-color) !important;
  padding-left: 2px !important;
  position: relative !important;
}

p:not(table p, div.sourceCode p) ins.diff-view-simple {
  border-left: none !important;
  padding-left: 0 !important;
}

ins:has(>p),
ins:has(>ul),
del:has(>p),
del:has(>ul),
ins:has(>ol),
del:has(>ol),
ins:has(>li),
del:has(>li) {
  display: block;
}

/* 
Rule to show deleted lines as strikethrough with a red dashed underline in simple diff mode
div[data-original-content]>del.diff-view-simple {
  display: block !important;
  color: transparent !important;
  border-left: 3px solid #b00020 !important;
  padding-left: 2px !important;
  min-height: 1.2em !important;
  position: relative !important;
  background: repeating-linear-gradient(to right,
      #b00020 0,
      #b00020 8px,
      transparent 8px,
      transparent 12px) center/100% 2px no-repeat !important;
} */