/* Pennarello: le campiture nere sotto i testi (etichette e barre, non i pulsanti) sono tratti di pennarello, ogni box un po' diverso.
   Evidenziatore giallo fluo per il testo selezionato (assets/js/pennarello.js). */
.mk-1.mk-1{--mk:url('../pennarello/mk1.webp');--mkh:url('../pennarello/mk4.webp');--mkr:-.6deg}
.mk-2.mk-2{--mk:url('../pennarello/mk2.webp');--mkh:url('../pennarello/mk5.webp');--mkr:.5deg}
.mk-3.mk-3{--mk:url('../pennarello/mk3.webp');--mkh:url('../pennarello/mk6.webp');--mkr:-.3deg}
.mk-4.mk-4{--mk:url('../pennarello/mk4.webp');--mkh:url('../pennarello/mk1.webp');--mkr:.8deg}
.mk-5.mk-5{--mk:url('../pennarello/mk5.webp');--mkh:url('../pennarello/mk2.webp');--mkr:-.9deg}
.mk-6.mk-6{--mk:url('../pennarello/mk6.webp');--mkh:url('../pennarello/mk3.webp');--mkr:.3deg}
html body :is(.strip,.bars li){position:relative;isolation:isolate;background-color:transparent!important;box-shadow:none!important}
html body :is(.strip,.bars li)::before{content:"";position:absolute;top:-34%;bottom:-34%;left:-1.2em;right:-2.2em;z-index:-1;pointer-events:none;border-style:solid;border-width:0 3.2em 0 2em;border-image-source:var(--mk,url('../pennarello/mk1.webp'));border-image-slice:0 30% 0 22% fill;border-image-width:0 3.2em 0 2em;border-image-repeat:round stretch;background:linear-gradient(#0E0E0E,#0E0E0E) center/calc(100% + 6px) 50% no-repeat padding-box;background-clip:border-box;transform:rotate(var(--mkr,0deg));transition:transform .35s cubic-bezier(.22,1,.36,1)}
html body .strip::after{display:none}
/* evidenziatore */
::selection{background:#E8FF1A;color:#0A0A0A}
html.mk-sel ::selection{background:transparent}
html.mk-sel :is(input,textarea)::selection{background:#E8FF1A;color:#0A0A0A}
.mk-hl{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:2147482990;mix-blend-mode:multiply}
.mk-hl i{position:absolute;display:block;background:#E8FF1A;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;opacity:.92}
@media print{.mk-hl{display:none}}
