/* common font */
@font-face{
    font-family:'Jost';
    src:url(../font/Jost-VariableFont_wght.ttf);
    font-weight: 100 1000;
}
@font-face{
    font-family:'Hack';
    src: url(../font/Hack.ttf);
    font-weight: 100 1000;
}

/* common css styles */
body{
    /*margin: 0;*/
    min-height: calc(100% - 16px);
    background-color:rgba(0, 0, 0, 0);
}
body, textarea, input, select{
    color: #091426; /*#53647f*/
    font-family: Menlo;/*'helvetica neue', sans-serif*/
    caret-color: #53c300;
    line-height: 1.526;
    -webkit-font-smoothing: subpixel-antialiased;
}
body, textarea, input, button, select{
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6{
    font-family: Jost;
    line-height: 1.25;
    margin-bottom: 1rem;
}
iframe#i{
    position: absolute;
    visibility: hidden;
}

/* forms */
[disabled]{
    color: silver;
}
textarea, input:not([type=file]), select{
    border: none;
    border-bottom: 1px solid #dcdcdc8a;
    margin: 2px 0;
}
textarea, button, input, select{
    background-color:rgba(0, 0, 0, 0);
}
input[type=file]{
    font-size: 15px;
}
input[type=number]{/*input:not([type=button]), */
    padding: 10px;
}
input, textarea, select{
    padding: 15px 20px;
}
textarea:not(.f):focus, input:focus, input:focus{
    background-color: #ffffff0d;/*#f5f5f582*/
}
.matte textarea:focus, .matte input:focus{
    background: none;/*#f5f5f582*/
}
input[type=text]:hover, input[type=text]:focus, textarea:not(.f):hover, textarea:not(.f):focus{
    background: #bababa1c;
}
input[type=button]{
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
textarea{
    width: 100%;
    vertical-align: top;
}
input[readonly]{
    background-color: #e1e1e1;
    color: gray;
}
input[readonly]:focus{
    background-color: #e5e5e5;
    color: gray;
}
label{
    display: inline-block;
}
label.hl{
    vertical-align: middle;
    margin-right: 3px;
    min-width: 120px;
    /*height: 30px;*/
}
input + label, select + label{
    /*margin-left: 10px;*/
}
input[type=checkbox] + label{
    margin-right: 30px;
}
select[readonly]{
    opacity:0.4;
}
select{
    border-bottom: 1px solid #dcdcdc8a;
}
select[multiple]{
    border: 1px solid #dcdcdc8a;
}

/* other */
pre, blockquote{
    font-family: Menlo;
    line-height:21px;
    padding: 16px 24px;
    font-size: 14px;
}
blockquote{
    padding: 0px 24px;
    color: #26282d;
    border: 0px;
    border-left: 8px solid rgba(78, 85, 101, 0.08);
    margin: 5px 0px;
}
pre{
    white-space: pre-wrap;
    padding: 12px 20px;
    font-size: 14px;
    font-family: Menlo;
    border-radius: 5px;
    background-color: rgba(206, 213, 217, 0.4); /*rgba(154, 161, 193, 0.5)#f8f8f8*/;
}
code{
    font-family: Menlo;
}
hr{
    border: 0px;
    border-bottom: 1px solid #dcdcdc8a;
    break-after: column;
}
table{
    border-collapse: collapse;
}
th, td{
    padding: 3px 15px 0 0;
    vertical-align: top;
}
aside{
    padding-left: .5rem;
    margin-left: .5rem;
    float: right;
}
@media print{    
    html:not(.reset) .main.background{
        inset: inherit!important;
    }
    .noprint{
        display: none!important;
    }
    textarea.t{
        display: none!important;
    }
    hr.pagebreak{
        page-break-before: always;
    }
    .codemm{
        padding: 8px 24px!important;
        box-sizing: border-box!important;
    }
    body{
        font-size: 15px;
        -webkit-print-color-adjust: exact;
        justify-content: start!important; /* disable flexbox-centering */
    }
}
::placeholder{
    color: #818da3;
}
::selection{
    background-color: #d7d9d06b;/*#a1ea002e:#6fea002e;#dba20070;#d3b90047;#53a93d42;#7bff5945;#b5e78740;#b7d14f45;#7c855b45;#acb97c45;#b5bd9a45;#d7d9d09e*/
}
a{
    color: rgb(129 176 0);;/*#a7e300#9dd500*/
    user-select: inherit;
}
a:not([href]){color: black;}
a:active{
    opacity:0.8;
}
a.prevURL:focus{
    outline: -webkit-focus-ring-color auto 1px;
/*
    outline: 2px solid black;
*/
}
a.blue{
    color: #2495ff;
}
ul, ol{
    padding-left: 28px;
}
li{
    padding-left: 3px;
}
/*.f{
    font-size: 16px;
}*/
.coding .f{
    font-family: Menlo;
    -webkit-font-smoothing: antialiased;
}
.slider{
    position: absolute;
    z-index: 1000;
}
.inlinecode{
    font-family: Menlo;
    background-color: rgba(206, 213, 217, 0.4);
    /*color: rgb(58, 58, 58);*/ /*rgb(90, 90, 90)*/
    opacity: 0.9;
    font-size: 85%;
    line-height: 150%;
    padding: 3px 8px!important;
    border-radius: 4px!important;
}
.invisible{
    visibility: hidden;
    position: absolute;
    z-index: -1;
}
.multicolumn hr{
    border-bottom: 0px;
}
.multicolumn h5{
    margin-top: 0;
}
._eE{
    background: none;
    background-color: #ffffff0d;
}
._eE:focus{
    outline-width: 0;
    background-color: #ffffff0d;
}
._eE:not(:focus):hover{
    /*background-color: #e6e6e612;*/
    opacity: 0.7;
}
.codemm{
    width: 100%;
    position: absolute;
    display: block;
    margin: auto;
    padding: 0px 0px 0px 0px;/*was 20px*/
    left: 0;
    right: 0;
}
html.write:not(.reset, .sized) .codemm{
    max-width: calc(120ch + 1px); /* handling lb on write.textarea */
    min-width: calc(20ch + 180px);
    min-height: 8rem;
}
html.write:not(.reset)/* .codemm .body*/{
    font-family: Menlo;
}
.inlineblock, .inline-block{
    display: inline-block;
}
.va-top{
    vertical-align: top;
}
.ws-nowrap{
    white-space: nowrap;
}
.ws-nowrap label{
    display: inline;
}
.block:not([hidden]), .d-block:not([hidden]){
    display: block;
}
.d-inline-block, .d-ib{
    display: inline-block;
}
.p-relative{
    position: relative;
}
.o-hidden{
    overflow: hidden;
}
.ta-center, .center, .center textarea{
    text-align: center;
}
.ta-left{
    text-align: left;
}
.ta-right{
    text-align: right;
}
.center-body{
    text-align: center;
}
.of-cover{object-fit: cover;}
.mt-0{margin-top: 0px!important;} .mt-1{margin-top: 1px;} .mt-2{margin-top: 2px;} .mt-3{margin-top: 3px;} .mt-4{margin-top: 4px;} .mt-5{margin-top: 5px;} .mt-6{margin-top: 6px;} .mt-7{margin-top: 7px;} .mt-8{margin-top: 8px;} .mt-9{margin-top: 9px;} .mt-10{margin-top: 10px;} .mt-11{margin-top: 11px;} .mt-12{margin-top: 12px;} .mt-13{margin-top: 13px;} .mt-14{margin-top: 14px;} .mt-15{margin-top: 15px;}  .mt-16{margin-top: 16px;} .mt-17{margin-top: 17px!important;} .mt-18{margin-top: 18px;} .mt-19{margin-top: 19px;} .mt-20{margin-top: 20px!important;}
.mb-0{margin-bottom: 0px;} .mb-1{margin-bottom: 1px;} .mb-2{margin-bottom: 2px;} .mb-3{margin-bottom: 3px;} .mb-4{margin-bottom: 4px;} .mb-5{margin-bottom: 5px;} .mb-6{margin-bottom: 6px;} .mb-7{margin-bottom: 7px;} .mb-8{margin-bottom: 8px;} .mb-9{margin-bottom: 9px;} .mb-10{margin-bottom: 10px;} .mb-20{margin-bottom: 20px;}
.mr-0{margin-right: 0px;} .mr-1{margin-right: 1px;} .mr-2{margin-right: 2px;} .mr-3{margin-right: 3px;} .mr-4{margin-right: 4px;} .mr-5{margin-right: 5px;} .mr-10{margin-right: 10px;} .mr-20{margin-right: 20px;}
.ml-0{margin-left: 0px;} .ml-1{margin-left: 1px;} .ml-2{margin-left: 2px;} .ml-3{margin-left: 3px;} .ml-4{margin-left: 4px;} .ml-5{margin-left: 5px;} .ml-10{margin-left: 10px;} .ml-20{margin-left: 20px;}
.pt-0{padding-top: 0px;} .pt-1{padding-top: 1px;} .pt-2{padding-top: 2px;} .pt-3{padding-top: 3px;} .pt-4{padding-top: 4px;} .pt-5{padding-top: 5px;}  .pt-6{padding-top: 6px;} .pt-7{padding-top: 7bpx;} .pt-8{padding-top: 8px;} .pt-9{padding-top: 9px;} .pt-10{padding-top: 10px;} .pt-11{padding-top: 11px;} .pt-12{padding-top: 12px;} .pt-13{padding-top: 13px;} .pt-14{padding-top: 14px;} .pt-15{padding-top: 15px;} .pt-16{padding-top: 16px;} .pt-17{padding-top: 17px;} .pt-18{padding-top: 18px;} .pt-19{padding-top: 19px;} .pt-20{padding-top: 20px;}
.pb-0{padding-bottom: 0px;} .pb-1{padding-bottom: 1px;} .pb-2{padding-bottom: 2px;} .pb-3{padding-bottom: 3px;} .pb-4{padding-bottom: 4px;} .pb-5{padding-bottom: 5px;} .pb-6{padding-bottom: 6px;} .pb-7{padding-bottom: 7bpx;} .pb-8{padding-bottom: 8px;} .pb-9{padding-bottom: 9px;} .pb-10{padding-bottom: 10px;} .pb-11{padding-bottom: 11px;} .pb-12{padding-bottom: 12px;} .pb-13{padding-bottom: 13px;} .pb-14{padding-bottom: 14px;} .pb-15{padding-bottom: 15px; } .pb-16{padding-bottom: 16px;} .pb-17{padding-bottom: 17px;} .pb-18{padding-bottom: 18px;} .pb-20{padding-bottom: 20px;}
.gp-5{gap: 5px;}.gp-10{gap: 10px;}.gp-15{gap:15px;}.gp-20{gap:20px;}
.fw-bold{font-weight: bold;}
.fw-normal{font-weight: normal;}
.va-top{vertical-align: top;}
.va-middle{vertical-align: middle;}
.fs-17{font-size: 17px!important;}.fs-16{font-size: 16px!important;}.fs-15{font-size: 15px!important;}.fs-14{font-size: 14px!important;}.fs-13{font-size: 13px!important;}.fs-12{ font-size: 12px!important;}.fs-11{font-size: 11px!important;}
.ff-mono{
    font-family: Menlo;
}
form{margin: 0;}
html.write .center-body{
    text-align: left;
}
.screen, .screen textarea, .screen button, .screen input{
    font-size: 1.5vmax;
}
.screen h1, .screen h2, .screen h3, .screen h4{
    margin: 0;
}
.screen h1{
    font-size: 4vmax;
}
.screen h2{
    font-size: 3vmax;
}
body.form textarea, body.form select, body.form input, textarea.strong, input.strong{
    background: whitesmoke;
} 
button.primary, a.button.primary{
    font-size: 1.2em;
    background: #2b372cf2;
    border: 2px solid rgba(0, 0, 0, 0);
    padding: 10px 28px;
    color: white;
}
button.big{
    font-size: 2em;
}
button.tiny{
    font-size: 1vmax;
    padding: 12px 18px 12px 18px;
}
.statbar{
    opacity:0;
    transition: opacity 0.23s ease-out;
    color: rgba(31, 31, 31, 0.6);/*rgba(0, 0, 0, 0.8)*/
    font-weight: bold;
    text-align:center;
    padding: 18px 20px;
    width: 100%;  position: fixed; bottom: 0px; left: 0px;
    min-height: 230px;
    z-index: 100;
    pointer-events: none;
    word-break: break-all;
    font-weight: 600;
    font-size: 15px;
    padding-top: 220px;
    box-sizing: border-box;
    background: radial-gradient(#ffffff 0.2%, #ffffffe8 5%, #ffffff00 10%)/*radial-gradient(#ffffff 0%, #ffffffe8 20%, #ffffff00 50%);*/
    background-size: 150% 500px;
    background-position: top, 30%;
    background-repeat: no-repeat;
}
.statbar.level0 {
    color: #1e1100f2;
    text-shadow: 0px 0px 4px #ffffff;
    /* -webkit-text-stroke: 1px; */
    -webkit-text-stroke-color: white;
}
.statbar.level1{
}
.statbar.level2{
}
.statbar a{
    pointer-events: auto;
}
.xy .statbar{
    background-image: radial-gradient(#ffffff45 0%, #ffffff1f 20%, #ffffff00 50%);
    text-shadow: 0px 0px 30px #ffffff0f;
    color: lightyellow;
}
.currentUrl{
    font-weight: bold;
    pointer-events: none;
    text-decoration: none;
}
.background{}
.foreground{}
.prevUrl{
    background-color: rgba(0,0,0,0.12);
}
.nopointer{
    pointer-events: none;
}
.unselectable{
    user-select: none;
}

/* site.css fonts */

*{
    -webkit-tap-highlight-color: transparent; 
}
a{
    transition: color 0.15s cubic-bezier(.07,.61,.43,.98);
}
.multicolumn{
}
.x-large{
    font-size: x-large;
}
.xx-large{
    font-size: xx-large;
}
.xxx-large{
    font-size: xxx-large;
}
.left{
    text-align: left;
    margin-right: auto;
}
.right{
    text-align: right;
    margin-left: auto;
}
ul, ol{
    text-align: left;
}
textarea, input, select{
    outline: none;
}
input[type=checkbox]:focus{
    outline: 1px solid silver;
}
textarea:hover ~ .b, textarea:focus ~ .b{
/*tmp    color: #353c46;*/
}
textarea.errorinput:focus, input.errorinput:focus, textarea.errorinput:focus{
    background-color: #fffcf2;
}
body:not(.reset, .sized) hr{
    max-width: calc(120ch + 1px); /* handle lb on write.textarea */
    width: 100%;
}
.main.background{
    box-sizing: border-box;
}
body:not(.reset) .main.background{
    margin: auto;
    /*white-space-collapse: preserve;*/
    /*min-height: 50%; problematic for adj: blob */
}
html:not(.reset, .sized) .main.background{
    max-width: calc(120ch + 1px); /* handle lb on write.textarea */
}
.blacklink{
    color: black;
}
.xy body{
    background-color: #191c1e;
}
.xy .foreground{
    color: white;
}
.xy .main.background{
    max-width: unset!important;/*todo remove !important*/
    width: unset;
}
.xy .main.background > img, .xy .b-ro > img{
    display: block;
    margin: auto;
}
.xy ::selection{
    background-color: #dbdbd329;
}
.xy .blacklink, .xy a{
    color: lightyellow;
} 
.main.background > img, .b-ro > img, .main.background > p > img, .b-ro > p > img{
    max-width: 100%;
}
.modal-background{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    /*backdrop-filter: blur(10px);*/
    z-index: 200;
    padding: 0px;
    white-space: pre-wrap;
}
.modal{
    box-sizing: border-box;
}
.error{
    padding: 2px 20px;
    border-radius: 5px;
    /*margin: 25px auto 65px;*/
    /*max-width: fit-content;*/
    display: block;
    transform: rotateZ(0.02deg);
    font-family: Jost;
    font-size: 18px;
    margin-top: -2px;
    color: rgb(222 195 100);/*#c59c05*/
    background-color: rgb(255 246 167 / 50%);
}
.error:empty{
    padding: 0;
    margin: 0;
}
.error.indented{
    margin-left: 120px;
    margin-bottom: 8px;
    margin-top: 10px;
}
.errorinput{
    border: 1px solid #ffc800;
    border-radius: 7px;
}
.errorlabel{
    color: #f7c236;
    /*border-bottom: 1px solid;*/
}
.fullscreen{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* colours */
body.night{
    background-color: #2a2d2e; /*#3a3a3a #1e1e20 #252525 #151516*/
    color: #efebe0; /*#d3d3d3*/
}
/*.night .f{
    color: #efebe0;
}*/
.night h1, .night h2, .night h3, .night h4, .night h5, .night h6{
    color: #e9debc; /*#fffdf6 #f0ece0*/
}
.night a{
    color: #d4d4d4;/*#fffdf6*/
}
.night button, .night input, .night select{
    background: #ffffff0a;
    border: 1px solid #ffffff0d;
    outline: 0;
    color: white;
}
.night button{
    border: 0px solid rgba(255,255,255,1); /*todo, 3px would work*/
    display: inline-block;
    color: white;
    border-radius: 6px;
    opacity: 0.84;
    vertical-align: middle;
    box-shadow: none;
}
.night button:hover{
    background-color: #ffffff40; /*tmp #f3f8ff*/
    color: white;
    outline: none;
}
.night button.primary, .night a.button.primary{
    background: white;/*#fcff35*/
    color: #383838;
}
.night button.secondary{
}
.night textarea{
    outline: 0;
}
.night h1{
    font-family: helvetica;
    font-weight: bold;
    margin-top: 19px;
    padding-left: 5px;
    margin-bottom: 3px;
}
.night h2{
    opacity: 0.6;
    border: 0px;
    font-family: helvetica;
    font-weight: bold;
    margin-top: 19px;
    padding-left: 5px;
    margin-bottom: 3px;
    padding-bottom: 0px;
}
.night .multicolumn{
    margin: 25px;
}
.night ._eE{
    background: none;
}
.night ._eE:focus{
    background-color: #ffffff0d;
}
.night ._eE:hover{
    filter: brightness(110%);
}

.fat-target h2{
    margin-top: 0;
    padding-top: 2.8rem;
}
.fat-target h3{
    margin-top: 0;
    padding-top: 2.5rem;
}
.fat-target h4{
    margin-top: 0px;
    padding-top: 1.5em;
}
.fat-target h5{
    margin-top: 0;
    padding-top: 2rem;
}
.fat-target h6{
    margin-top: 0px;
    padding-top: 5px;
}


/* forms */
button, a.button{
    border-radius: 10px;
    box-shadow: 4px 6px 16px #dbdbdb;
    font-size: 22px;*/
    background-color: white;
    margin: 0px;
    padding: 3px 12px;
    color: #6a6a6a;
    border: 4px double;
    border-radius: 7px;
    box-shadow: 2px 2px 5px #dbdbdb6b;
    font-size: 20px;
    border-color: #dadada14;/*#dadada85*/
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    font-family: arial;
    cursor: pointer;
    line-height: normal;
}

button:hover, button:focus, a.button:hover, a.button:focus{
    background-color: #dadada14;
    outline: none;
}

button.disabled:hover, button:focus, a.button.disabled:hover, a.button:focus{
    cursor: default;
}

button.disabled:hover, button:focus, a.button.disabled:hover, a.button:focus{
    background: none;
    color: inherit;
    outline: none;
}

@media (max-width: 620px){
    html.write:not(.reset, .sized) .codemm{
        max-width: 100%;
        min-width: inherit;
        min-height: 8rem;
    }
    html:not(.reset, .sized) .main.background{
        max-width: 100%;
        min-width: inherit;
    }
    h1{
        font-size: 2em;
    }
    button.big{
        font-size: 1.6em;
        padding: 14px 12px;/*15px 15px 15px 15px*/
    }
    button{
        word-break:normal;
        line-break: auto;
        font-size: 18px;
        padding: 14px 8px;
    }
    .multicolumn{
        /*column-count: auto!important;*/
        height: auto!important;
    }
    .statbar{
        padding-bottom: 52px;
        font-weight: normal!important;
    }
}
.icolor{
    border-radius: 10px;
    border: 0!important;/*todo remove !important*/
    box-shadow: none;
}
.f-right, .floatright{
    float: right;
    text-align: right;
}
.f-left, .float-left{
    float: left;
}

.max-v .main.background{
    height: 100%!important;/*todo remove !important*/
}
.max-h .main.background{
    width: unset;
    max-width: unset!important;/*todo remove !important*/
}
.max .main.background{
    width: 100%;
    height: 100%;
}
.filesupplicant{
    margin: 0 5px;
}
.filesupplicant a{
    font-size: 1rem;
    display: block;
 }
.filesupplicant img{
    max-width: 60%;
    vertical-align: middle;
}
.filesupplicant.dragover a, .filesupplicant.dragover-page a{
    border: 1px dashed silver;
    height: 200px;
    line-height: 200px;
    vertical-align: middle;
    width: 100%;
}
.flex-vertical{
    display: flex;
    flex-flow: column;
}
.flex-horizontal{
    display: flex;
    flex-flow: row;
}
.justify-center{
    justify-content: center;
}
.align-center{
    align-items: center;
}
.min-max-height{
    min-height: 50%;
    max-height: 95%;
}
.imgerror{
    border-radius: 4px;
}
.sth{margin: 0; margin-bottom: 15px;}
.sth a{text-decoration: none;}
a.no-td{text-decoration: none;}
.mes{font-size: 18px;}


web-div{display: block; }
web-div div{display: inline; }

.messagemeta [class^=hljs], .semitrans [class^=hljs] {
    color: inherit;
    font-weight: normal;
}
.hljs{font-family: Menlo; display:block; overflow-x:auto; color:#333;}

pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}

.bg-dark {
    /*!
  Theme: StackOverflow Dark
  Description: Dark theme as used on stackoverflow.com
  Author: stackoverflow.com
  Maintainer: @Hirse
  Website: https://github.com/StackExchange/Stacks
  License: MIT
  Updated: 2021-05-15

  Updated for @stackoverflow/stacks v0.64.0
  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
*/
}.bgcolor pre code.hljs { display: block; overflow-x: auto; padding: 1em} .bgcolor code.hljs { padding: 3px 5px}.bgcolor .hljs { color: #fff; background: #1c1b1b;}.bgcolor .hljs-subst { color: #fff;}.bgcolor .hljs-comment {color: #999;}.bgcolor .hljs-attr,.bgcolor .hljs-doctag,.bgcolor .hljs-keyword,.bgcolor .hljs-meta .hljs-keyword,.bgcolor .hljs-section,.bgcolor .hljs-selector-tag {color: #88aece;}.bgcolor .hljs-attribute {color: #c59bc1;}.bgcolor .hljs-name,.bgcolor .hljs-number,.bgcolor .hljs-quote,.bgcolor .hljs-selector-id,.bgcolor .hljs-template-tag,.bgcolor .hljs-type { color: #f08d49;}.bgcolor .hljs-selector-class {color: #88aece;}.bgcolor .hljs-link,.bgcolor .hljs-regexp,.bgcolor .hljs-selector-attr,.bgcolor .hljs-string,.bgcolor .hljs-symbol,.bgcolor .hljs-template-variable,.bgcolor .hljs-variable {color: #b5bd68;}.bgcolor .hljs-meta,.bgcolor .hljs-selector-pseudo {color: #88aece;}.bgcolor .hljs-built_in,.bgcolor .hljs-literal,.bgcolor .hljs-title {color: #f08d49;}.bgcolor .hljs-bullet,.bgcolor .hljs-code {color: #ccc;}.bgcolor .hljs-meta .hljs-string {color: #b5bd68;}.bgcolor .hljs-deletion {color: #de7176;}.bgcolor .hljs-addition {color: #76c490;}.bgcolor .hljs-emphasis { font-style: italic;}.bgcolor .hljs-strong {font-weight: 700;}

/*!
  Theme: StackOverflow Light
  Description: Light theme as used on stackoverflow.com
  Author: stackoverflow.com
  Maintainer: @Hirse
  License: MIT
  Updated: 2021-05-15

  Updated for @stackoverflow/stacks v0.64.0
  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
*/
.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-selector-tag{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#b75501}.hljs-selector-class{color:#015692}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-literal,.hljs-title{color:#b75501}.hljs-bullet,.hljs-code{color:#cf9017}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-weight:bold}.hljs-strong{font-weight:700}


div :target{}
div :target + div, div :target + p, div :target + p + p, div :target + p + p + p, div :target + p + p + p + p, div :target + p + p + p + p + p, div :target + p + p + p + p + p + p, div :target + p + p + p + p + p + p + p, div :target + p + p + p + p + p + p + p + p, div :target + p + p + p + p + p + p + p + p + p, div :target + p + p + p + p + p + p + p + p + p + p, div :target + p + p + p + p + p + p + p + p + p + p + p, div :target + p + p + p + p + p + p + p + p + p + p + p + p, div :target + p + p + p + p + p + p + p + p + p + p + p + p + p + p{
    opacity: 1!important;
    position: relative!important;
    height: auto!important;
    font-size: inherit!important;
    pointer-events: auto!important;
}

.flex{display: flex; justify-content: space-evenly; align-items: center;}
.flex.space-around, .space-around > .flex{justify-content: space-around;}
.flex.space-evenly, .space-evenly > .flex{justify-content: space-evenly;}
.flex.space-between, .space-between > .flex{justify-content: space-between;}
.flex.flex-center, .flex-center > .flex{justify-content: center;}
.flex.flex-start, .flex-start > .flex{justify-content: flex-start;}
.flex.flex-end, .flex-end > .flex{justify-content: flex-end;}
.flex.align-center, .align-center > .flex{align-items: center;}
.flex.align-start, .align-start > .flex{align-items: start;}
.flex.align-end, .align-end > .flex{align-items: end;}
.self-start not(.flex){self-align: self-start;}
.semitrans{color: gainsboro;}
.semitrans.dt{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='svg5' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 963.7 963.7' style='enable-background:new 0 0 963.7 963.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.15;%7D .st1%7Bstroke:%23FFFFFF;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg class='st0'%3E%3Ccircle class='st1' cx='481.8' cy='523.8' r='117.8'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 0.6em 1em;
    background-position: left center;
    background-repeat: repeat-x;
}
.messagemeta .semitrans{opacity: 0.5;}

p:has(>:first-child:is(img)){
    margin: 0;
    display: inline-block;
}
.c-both{clear: both; }
.c-silver{
    color: silver;
}
.c-dimgray{
    color: dimgray;
}
.c-gainsboro{
    color: gainsboro;
}