* {
	--me-color_font: #fff;
	--me-color_font_price: #fff;
	--me-color_button_background: #5d7380;
	--me-color_background: #333;
	--me-color_box_background: #555;
}
.note-box-info > .note-box-title {
    border-color:var(--me-color_button_background);
    background-color:var(--me-color_button_background);
   }
   .note-box-info > .note-box-text {
    border-color:var(--me-color_button_background);
    background-color:var(--me-color_box_background);
   }
   .note-box {
    margin:.5em 0 1em
   }
   .note-box.aside {
    text-align:left
   }
   @media (min-width:60em ) {
    .note-box.aside {
     float:right;
     width:auto;
     max-width:30em;
     margin:.5em 0 1em 1em
    }
   }
   .note-box-title,
   .note-box-footer {
    margin:0;
    font-size:102%;
    padding:0 12px;
    border-width:thin;
    border-style:solid solid none;
    border-radius:0 .7em 0 0;
    color:#fff
   }
   .note-box-text:last-child {
    border-radius:0 0 .7em .7em
   }
   .note-box-footer {
    border-style:none solid solid;
    border-radius:0 0 .7em .7em
   }
   .note-box-text {
    margin:-1px 0 0;
    padding:4px 12px;
    background-color:#fff;
    border-width:solid;
    border-style:solid;
    line-height:1.5em
   }
   .note-box-text,
   #a#b {
    border-style:solid solid none;
    margin:0
   }
   .note-box-text:last-child {
    border-style:solid
   }
   .note-box-attention > .note-box-title,
   .note-box-question > .note-box-title {
    border-color:#c32e04;
    background-color:#c32e04
   }
   .note-box-attention > .note-box-text,
   .note-box-question > .note-box-text {
    border-color:#c32e04;
    background-color:#ffebe6
   }
   .note-box-advice > .note-box-title {
    border-color:#8db243;
    background-color:#8db243
   }
   .note-box-advice > .note-box-text {
    border-color:#8db243;
    background-color:#ebf5d7
   }
   
   .note-box-todo > .note-box-title {
    border-color:#3983ab;
    background-color:#3983ab
   }
   .note-box-todo > .note-box-title a,
   .note-box-todo > .note-box-title a:hover,
   .note-box-todo > .note-box-title a:focus,
   .note-box-todo > .note-box-title a:active {
    margin:0;
    color:#fff
   }
   .note-box-todo > .note-box-text {
    border-color:#3983ab;
    background-color:#e6f2f7
   }
   .note-box-todo.private {
    display:none
   }
   .note-box-urlmove > .note-box-title {
    border-color:#3983ab;
    background-color:#3983ab
   }
   .note-box-urlmove > .note-box-text {
    border-color:#3983ab;
    background-color:#e6f2f7
   }
   .note-box-autor {
    max-width:20em
   }
   .note-box-autor > .note-box-title {
    border-color:#5d7380;
    background-color:#5d7380
   }
   .note-box-autor > .note-box-text {
    border-color:#5d7380;
    background-color:#e4ebf2
   }
   .note-box-autor-text {
    margin:0 5px 0 0;
    font-weight:bold;
    font-size:90%;
    float:left
   }
   .note-box-autor-info {
    margin:0;
    font-size:90%
   }
   .note-box-notice-text {
    padding-left:15px;
    border-left:5px solid #c32e04;
    line-height:1.5em
   }
   .note-box-recommendation-text {
    padding-left:15px;
    border-left:5px solid #8db243;
    line-height:1.5em
   }
   .note-box-mainarticle {
    padding-left:15px;
    border-left:5px solid #3983ab
   }
   li > .note-box-mainarticle {
    margin-left:-.75em
   }
   .note-box-example {
    border-left:5px solid #dfac20;
    padding-left:15px;
    overflow:visible
   }
   .note-box-example > div {
    padding:.5em 0
   }
   .note-box-example > div:nth-last-child(2) {
    padding-bottom:0
   }
   .note-box-example > .note-box-title {
    color:#333;
    background:none;
    border:none;
    font-weight:bold;
    font-size:100%;
    padding-top:0
   }
   .note-box-example > .note-box-title a {
    margin:0 0 0 .5ch;
    color:rgb(38,115,191)
   }
   .note-box-example > .note-box-text {
    border:none
   }
   .note-box-example .note-box-footer {
    display:none
   }
   .note-box-example-wiki,
   .note-box-example-code {
    margin-top:-1px;
    overflow:auto
   }
   .note-box-example-code {
    font:16px/19px monospace;
    white-space:pre
   }
   .note-box-example-code .ln-xtra,
   .note-box-example-code li.ln-xtra,
   .note-box-example-code div.ln-xtra {
    background-color:#fcc
   }
   .note-box-example-code pre {
    margin:0;
    padding:0;
    border:none;
    background-color:transparent;
    font-size:1em
   }
   .note-box-continuation .note-box-title {
    background-color:#3983ab;
    border-color:#3983ab;
    width:calc(100% - 24px)
   }
   .note-box-continuation .note-box-text {
    width:100%;
    padding:4px 0;
    border-color:currentColor;
    border-style:solid;
    border-radius:0;
    background-color:#e6f2f7;
    color:#3983ab
   }
   .note-box-continuation .note-box-title + .note-box-text {
    border-color:#3983ab
   }
   .note-box-continuation .note-box-text .flex-item {
    text-align:center
   }
   .note-box-continuation .note-box-text .flex-item:first-child {
    padding-left:12px;
    text-align:left
   }
   .note-box-continuation .note-box-text .flex-item:last-child {
    padding-right:12px;
    text-align:right
   }

   .pricesign {
    display: inline-block;
    position: relative;
    font-family: Arial, sans-serif;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--me-color_font_price);
    transform: scaleY(0.9) skewX(-8deg);
	z-index: 0;
}
.pricesign-euro {
    display: inline-block;
    position: relative;
	right: -0.7em;
	top: 0.5em;
    font-family: Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--me-color_font_price);
   transform: scaleY(0.9) skewX(-8deg);
   z-index: 0;
}

.pricesign::after {
    content: attr(data-cents);
    top: 0.17em;
    right: -1.10em;
    font-size: 0.5em;
    letter-spacing: 0px;
    transform: scaleY(0.9);z-index: 0;
}

.pricesign::after, .pricesign::before {
    position: absolute;z-index: 0;
}

/* *, ::after, ::before {
    box-sizing: inherit;
    padding: 0px;
    margin: 0px;
    outline: 0px;z-index: 0;
} */

.pricesign::before {
    content: "";
    display: block;
    right: -0.5em;
    top: 0.55em;
    width: 0.475em;
    height: 0.15em;
    transform: skewX(-5deg);
    background: var(--me-color_font_price);z-index: 0;
}

