/* Local mode: animation-fixes.css
**************************************/

.no-animate,
.no-animate *,
.no-animate *:before,
.no-animate *:after,
body.resizing,
body.resizing *,
html.init,
html.init *,
html.init *:before,
html.init *:after {
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -ms-transition:none !important;
    -o-transition:none !important;
    transition:none !important;
}

body.resizing,
body.resizing * {
    -webkit-animation-play-state:paused !important;
    animation-play-state:paused !important;
    -moz-animation-play-state:paused !important;
    -o-animation-play-state:paused !important;
}

/* This will increase performance a lot */
/*html.desktop[data-desktop="1"] body.authorized.resizing .Reader .entries,*/
/*html.desktop[data-desktop="1"] body.authorized.resizing .Entitylist,*/
/*html.desktop[data-desktop="1"] body.authorized.resizing .Reader .Readerentry,*/
/*html.desktop[data-desktop="1"] body.authorized.resizing .Reader > * {*/
/*    visibility:hidden !important;*/
/*}*/

html.desktop[data-desktop="1"] body.authorized.resizing > main:after {
    content:'';
    z-index:9999999;
    background:rgba(0, 0, 0, .5);
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:fixed;
}




/* Local mode: animation-vars.css
**************************************/

@-webkit-keyframes ani-attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes ani-attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes ani-attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes ani-attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes ani-pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes ani-pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes ani-pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@keyframes ani-pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes ani-jump-down {
    0% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(5px);
    }
    100% {
        transform:translateY(0);
    }
}

@-moz-keyframes ani-jump-down {
    0% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(5px);
    }
    100% {
        transform:translateY(0);
    }
}

@-o-keyframes ani-jump-down {
    0% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(5px);
    }
    100% {
        transform:translateY(0);
    }
}

@keyframes ani-jump-down {
    0% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(5px);
    }
    100% {
        transform:translateY(0);
    }
}





@-webkit-keyframes ani-rotate-attention {
    0% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
    50% {
        transform-origin:50% 50%;
        transform:rotate(-3deg);
    }
    100% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
}

@-moz-keyframes ani-rotate-attention {
    0% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
    50% {
        transform-origin:50% 50%;
        transform:rotate(-3deg);
    }
    100% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
}

@-o-keyframes ani-rotate-attention {
    0% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
    50% {
        transform-origin:50% 50%;
        transform:rotate(-3deg);
    }
    100% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
}

@keyframes ani-rotate-attention {
    0% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
    50% {
        transform-origin:50% 50%;
        transform:rotate(-3deg);
    }
    100% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
}







@-moz-keyframes ani-spin {
    from {
        -moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(360deg);
    }
}

@-webkit-keyframes ani-spin {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
    }
}

@keyframes ani-spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@-moz-keyframes ani-rotate-45 {
    from {
        -moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(45deg);
    }
}

@-webkit-keyframes ani-rotate-45 {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(45deg);
    }
}

@keyframes ani-rotate-45 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(45deg);
    }
}

@-moz-keyframes ani-rotate-45-back {
    from {
        -moz-transform:rotate(45deg);
    }
    to {
        -moz-transform:rotate(0deg);
    }
}

@-webkit-keyframes ani-rotate-45-back {
    from {
        -webkit-transform:rotate(45deg);
    }
    to {
        -webkit-transform:rotate(0deg);
    }
}

@keyframes ani-rotate-45-back {
    from {
        transform:rotate(45deg);
    }
    to {
        transform:rotate(0deg);
    }
}

@-moz-keyframes ani-rotate-90 {
    from {
        -moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(90deg);
    }
}

@-webkit-keyframes ani-rotate-90 {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(90deg);
    }
}

@keyframes ani-rotate-90 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(90deg);
    }
}

@-moz-keyframes ani-rotate-90-back {
    from {
        -moz-transform:rotate(90deg);
    }
    to {
        -moz-transform:rotate(0deg);
    }
}

@-webkit-keyframes ani-rotate-90-back {
    from {
        -webkit-transform:rotate(90deg);
    }
    to {
        -webkit-transform:rotate(0deg);
    }
}

@keyframes ani-rotate-90-back {
    from {
        transform:rotate(90deg);
    }
    to {
        transform:rotate(0deg);
    }
}

@-moz-keyframes ani-rotate-180 {
    from {
        -moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(180deg);
    }
}

@-webkit-keyframes ani-rotate-180 {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(180deg);
    }
}

@keyframes ani-rotate-180 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(180deg);
    }
}

@-moz-keyframes ani-rotate-180-back {
    from {
        -moz-transform:rotate(180deg);
    }
    to {
        -moz-transform:rotate(360deg);
    }
}

@-webkit-keyframes ani-rotate-180-back {
    from {
        -webkit-transform:rotate(180deg);
    }
    to {
        -webkit-transform:rotate(360deg);
    }
}

@keyframes ani-rotate-180-back {
    from {
        transform:rotate(180deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes ani-width-grow {
    from {
        width:0%;
    }
    to {
        width:100%;
    }
}




/* Local mode: box.css
**************************************/

*, 
*:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}




/* Local mode: console-debug.css
**************************************/

body > .response-prompt {
    color:#000;
    position:fixed;
    top:0px;
    left:50%;
    z-index:9999999;
}

html.mobile body > .response-prompt {
    margin-left:-50%;
    width:100%;
    margin-top:20px;
}

html.desktop body > .response-prompt,
html.tablet body > .response-prompt {
    margin-left:-20%;
    width:40%;
}

body.prompting > *:not(.response-prompt) {
    opacity:.5;
}

body > .response-prompt > .response {
      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);

    background:#FAFAFA;
    text-align:center;
    margin-top:2px;
    border-radius:5px;
    position:relative;
    overflow:hidden;
    padding: 10px;
}

body > .response-prompt > .response.info {
    min-height:40px;
    padding:15px 75px 15px 15px;
    text-align:left;
}

body > .response-prompt > .response.info.is-auto > h3 {
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

}

body > .response-prompt > .response.info.is-auto:after {
    content:'';
    height:2px;
    background:#58a9da;
    width:0%;
    bottom:0px;
    left:0px;
    display:block;
    position:absolute;
    animation:ani-width-grow 3s 1 linear;
    animation-fill-mode:forwards;
}

body > .response-prompt > .response.info > h3:empty {
    display:none;
}

body > .response-prompt > .response.info.is-auto > h3 {
    display:block;
    margin-right:5px;
    color:#58a9da;
}

body > .response-prompt > .response.info > .proceed {
    position:absolute;
    right:0px;
    top:50%;
    /*height:29px;*/
    margin-top:-15px;
    border-radius:3px;
}

body > .response-prompt > .response.info > h3,
body > .response-prompt > .response.info > .context {
    padding:0;
}

body > .response-prompt > .response.info > .context {
    text-align:left;
    font-size:14px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    display:inline;
}

body > .response-prompt > .response.sys > .context {
    text-align:left;
    background:#F0F0F0;
    max-height:500px;
    overflow:hidden;
    overflow-y:auto;
    font-size:16px;
}

body > .response-prompt > .response.sys > .context pre {
    max-height:250px;
    overflow:hidden;
    overflow-y:auto;
    overflow-x:auto;
}

body > .response-prompt > .response > h3 {
    padding:4px 2px;
}

body > .response-prompt > .response.sys > h3 {
    background:#FAFAFA;
    color:#414652;
}

body > .response-prompt > .response.lost > h3 {
    color:#FF9191;
}

body > .response-prompt > .response > .context > .stack {
    max-height:200px;
    text-align:left;
    overflow:auto;
}

body > .response-prompt > .response > .context {
    font-size:20px;
    padding:15px 30px;
    overflow-wrap:break-word;
    font-weight:300;
}

body > .response-prompt > .response > button:active,
body > .response-prompt > .response > button:hover {
    background:#58a9da;
    color:#326c8e;
}

body > .response-prompt > .response > button {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    margin:8px;
    font-size:14px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    padding:10px 15px;
    border-radius:2em;
    display:inline-block;
    background:#414652;
    color:#FFF;
    border:0;
    cursor:pointer;
}




/* Local mode: default.css
**************************************/

h1, h2, h3, h4, h5, b, strong {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    margin:0px;
}

body {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

html.desktop {
    font-size:14px;
}

html:not(.desktop) {
    font-size:15px;
}

.href > span[data-icon],
.href,
a,
a:link,
a:visited {
    cursor:pointer;
    color:#aab1c3;
}

.href:hover,
a:hover {
    color:#7d95cc;
}

strong *,
b * {
    font-size:inherit;
    font-weight:inherit;
    font-family:inherit;
    color:inherit;
}

b {
    font-family:inherit;
    font-weight:700;
}





/* Local mode: loading.css
**************************************/

body.busy {
    cursor:wait;
}




/* Local mode: preloader.css
**************************************/

.preloader {
        position:fixed;
        z-index:9999;
        top:0px;
        left:0px;
        background-color:#ffdd88;
        height:1px;
        margin-top:1px;
        width:100%;
}
.preloader.k {
        opacity:0;
}




/* Local mode: scrollbar.css
**************************************/

html.desktop *::-webkit-scrollbar {
    width:10px;
    height:7px;
}

html.desktop *::-webkit-scrollbar-thumb {
    background:#a9b1c3;
    border-radius:2px;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

html.desktop *::-webkit-scrollbar-thumb:hover {
    background:#343740;
}

html.desktop *::-webkit-scrollbar-track {
    background:#d6d8dc;
}




/* Local mode: shortcuts.css
**************************************/

body.block,
body.block * {
    cursor:default;
}




/* Local mode: root.css
**************************************/

:root {

    --color-heading:#58a9da;
    --color-heading-dark:#326c8e;
    --color-heading-light:#a6d8fe;
    --color-accent:#E1FFEB;
    --color-accent-text:#6bb586;
    --color-warning:#FF9191;
    --color-warning-text:#b76a6a;

    --grey-edge:#F0F0F0;
    --grey-warm:#FBFAF7;
    --grey-warm-b:#effbff;
    --text:#000;
    --text-b:#444;
    --text-c:#999;
    --text-d:#BBB;
    --text-e:#EEE;
    --white:#FFF;

}




/* Local mode: hint.css
**************************************/

[data-hint] {
    cursor:context-menu;
    vertical-align:middle;
}

body > .user-invoke-hint {
    max-width:300px;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    text-align:center;
    color:#FFF;
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

    background:#58a9da;
    position:absolute;
    z-index:10000000000;
    padding:5px 10px;
    line-height:1.25em;
      user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  -ms-user-select:none;
  -webkit-touch-callout:none;
  pointer-events:none;

      overflow-wrap:break-word;
  word-wrap:break-word;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;

      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:300;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    border-radius:3px;
}


body > .user-invoke-hint.not-at-max {

}

body > .user-invoke-hint.at-max {
    padding:25px 15px;
}

.user-invoke-hint {
    opacity:0;
}

.user-invoke-hint.r {

}

.user-invoke-hint > a.href,
.user-invoke-hint {
    font-size:14px;
}

.user-invoke-hint > a.href,
.user-invoke-hint > a.close {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    text-decoration:none;
    color:#FFF;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.user-invoke-hint > a.close {
    position:absolute;
    top:0px;
    right:3px;
    color:#999;
}

.user-invoke-hint > a.href {
    display:block;
    text-align:center;
    padding:2px 4px;
    background:#3f4451;
      border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  -ms-border-radius:2px;

    margin-top:5px;

}

.user-invoke-hint > a.href:hover {
    background:#444;
}

.user-invoke-hint > a:hover {
    color:#FFDA00 !important;
}

.user-invoke-hint > .icon {
    position:absolute;
}

.user-invoke-hint > .icon > .svg {
    width:14px;
    height:14px;
}

.user-invoke-hint > .icon.bottom,
.user-invoke-hint > .icon.top {
    left:50%;
    margin-left:-9px;
}

.user-invoke-hint > .icon.top {
    bottom:-18px;
}

.user-invoke-hint > .icon.bottom {
    top:-16px;
}

.user-invoke-hint > .icon.left,
.user-invoke-hint > .icon.right {
    top:50%;
    margin-top:-8px;
}

.user-invoke-hint > .icon.left {
    right:-18px;
}

.user-invoke-hint > .icon.right {
    left:-18px;
}

.user-invoke-hint > .icon > span {
    font-size:16px;
}

.user-invoke-hint.show > .icon > span {
    color:#aab1c3;
}




/* Local mode: requesting_uri.css
**************************************/

.requesting:before {
    content:" ";
    width:28px !important;
    height:28px !important;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    z-index:100 !important;
    margin-left:-14px !important;
    margin-top:-14px !important;
    font-size:18px;
    border-radius:100%;
    background:rgba(243, 243, 243, .7) url('https://assets.uify.nl/library/core/svg/requesting.svg') no-repeat;
    box-shadow:0px 0px 4px rgba(10, 10, 10, .5);
    opacity:1 !important;
    animation:loadingSpinner 0.5s linear infinite;
}

.app.requesting:before {
    width:36px !important;
    height:36px !important;
    margin-top:-18px !important;
    margin-left:-18px !important;
}

/* req-nra = no request animation */
.requesting:not(.req-nra) > * {
    animation:loadingPulsate 1.5s linear infinite;
}

.requesting,
.requesting * {
      user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  -ms-user-select:none;
  -webkit-touch-callout:none;
  pointer-events:none;

}

@keyframes loading {
    from {
        width:0%;
    }
    to {
        width:100%;
    }
}

@keyframes loadingSpinner {
    0% {
        transform:scale(1) rotate(0deg);
    }
    50% {
        transform:scale(.9) rotate(180deg);
    }
    100% {
        transform:scale(1) rotate(360deg);
    }
}

@keyframes loadingPulsate {
    0% {
        filter:brightness(1) saturate(0);
    }
    50% {
        filter:brightness(0.9) saturate(1);
    }
    100% {
        filter:brightness(1) saturate(0);
    }
}




/* Local mode: ValueAsDatalist.css
**************************************/

.Value.Datalist {

}





/* Local mode: ValueAsDatalistPulldown.css
**************************************/

.Value.Datalist.Pulldown {
    padding:0px !important;
    border:1px #E3E3E3 solid;
}




/* Local mode: App.css
**************************************/

.app {
    position:relative;
}




/* Local mode: AppContent.css
**************************************/

app.content {
    margin:0px;
}

body app.content > .screen {
    position:relative;
}

html.mobile body app.content > .screen {
    padding:15px;
}

html.tablet body app.content > .screen,
html.desktop body app.content > .screen {
    padding:30px;
}

html.desktop.highres body app.content.pilkes > .screen,
html.desktop.regular.w100 body app.content.pilkes > .screen,
html.desktop.regular.w75 body app.content.pilkes > .screen,
html.desktop.regular.w50 body app.content.pilkes > .screen {
    padding:30px;
}

html.desktop.highres body app.content.pilkes {
    max-width:1800px;
    margin:0px auto !important;
}

body app.content > .screen > .cta {
    text-align:center;
    font-size:28px;
    color:#5b6680;
}

body app.content > .screen > .cta,
body app.content > .screen > .cta > .context {
    line-height:1em;
}

body app.content > .screen > .cta > .context {
    color:#3f4451;
    margin-top:10px;
    margin-bottom:20px;
    font-size:16px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:300;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}




/* Local mode: Multi.css
**************************************/






/* Local mode: ScreenWarning.css
**************************************/

.app > .screen.warning a:active,
.app > .screen.warning a:hover {
    color:#FFF4B1;
}

.app > .screen.warning a,
.app > .screen.warning {
    color:#FFF;
}

.app > .screen.warning .heading {
    display:none;
}

.app > .screen.warning {
    font-weight:500;
    text-align:center;
    font-size:16px;
    background:#a23c3c !important;
    padding:10px 20px;
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

    line-height:1em;
}

.app > .screen > .heading > .region {
    color:#FFDA00 !important;
    display:inline-block;
    /*background:#FFF4B1;*/
}

html.mobile .app > .screen > .heading > .region {
    margin-right:4px;
    padding:4px 8px;
}

html.tablet .app > .screen > .heading > .region,
html.desktop .app > .screen > .heading > .region {
    margin-right:10px;
    /*padding:10px 20px;*/
}




/* Local mode: header.css
**************************************/

.app.content > .heading {
    color:#414652;
    padding:7px 20px;
    background:#e4e3de;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:300;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    text-align:right;
}




/* Local mode: AppContentTypeUser-Paragraph.css
**************************************/


.app.content.user > .screen > .p > h3 {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

.app.content.user > .screen > .p {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:300;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    line-height:1.5em;
    font-size:13px;
    margin-bottom:15px;
}

.app.content.user > .screen > .p > h3 {
    color:#58a9da;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}




/* Local mode: AppContentTypeUser-Toggle.css
**************************************/


.app.content.user > .toggle:hover {
    background:#a6d8fe;
}

body:not(.userDim) .app.content.user > .toggle {
      transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  animation:ani-rotate-180-back .3s 1 ease-out;
  -webkit-animation:ani-rotate-180-back .3s 1 ease-out;
  -moz-animation:ani-rotate-180-back .3s 1 ease-out;
  -o-animation:ani-rotate-180-back .3s 1 ease-out;
  -ms-animation:ani-rotate-180-back .3s 1 ease-out;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;

}

body:not(.userDim) .app.content.pilkes {
    filter:brightness(0.75);
}

body.userDim .app.content.user > .toggle {
      transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  animation:ani-rotate-180 .3s 1 ease-out;
  -webkit-animation:ani-rotate-180 .3s 1 ease-out;
  -moz-animation:ani-rotate-180 .3s 1 ease-out;
  -o-animation:ani-rotate-180 .3s 1 ease-out;
  -ms-animation:ani-rotate-180 .3s 1 ease-out;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;

}


html.mobile body:not(.userDim) .Unit.Panel.Learn {
    display:none;
}

html.mobile .Unit.Panel.Learn.open {
    margin-left:50px;
}

.app.content.user > .toggle > .svg {
    padding-top:2px;
    padding-right:2px;
}

.app.content.user > .toggle {
    cursor:pointer;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    position:absolute;
    width:30px;
    height:30px;
    padding:5px 0px;
    background:#58a9da;
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

      border-radius:100%;

    z-index:999;
    text-align:center;
}

html.tablet .app.content.user > .toggle,
html.desktop .app.content.user > .toggle {
    top:50%;
    right:11px;
    margin-top:-15px;
}

html.mobile body.userDim .app.content.user > .toggle {
    right:-15px;
}

html.mobile .app.content.user > .toggle {
    bottom:25px;
    right:10px;
}




/* Local mode: AppContentTypeUser.css
**************************************/

.app.content.user {
    background:#FAFAFA;
}

html .app.content.user .screen {
    overflow:hidden;
    overflow-y:auto;
    height:100%;
}

.app.content.user .screen > .response {
    padding:5px;
    margin-top:10px;
    text-align:center;
    color:#999;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

html.touch body .app.content.user > .screen > .heading,
html.desktop body .app.content.user > .screen > .heading,
html body .app.content.user > .screen > .heading {
    font-size:22px;
}

body.authorized .app.content.user .screen > .heading > .ha {
    text-align:center;
    display:block;
    color:#326c8e;
    font-size:14px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

.app.content.user .screen > .heading {
    margin-bottom:30px;
}

.app.content.user .screen > .heading > img {
    margin:0px auto;
    margin-bottom:5px;
    display:block;
}

.app.content.user .screen > .Unit.Button {
    color:#FFF;
    position:relative;
    display:block;
    width:100%;
    margin-top:2px;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    background:#58a9da;
}

.app.content.user .screen > .Unit.Button:active,
.app.content.user .screen > .Unit.Button:hover {
    color:#326c8e;
    background:#a6d8fe;
}




/* Local mode: Authorized.css
**************************************/

body.authorized .app.content.user .screen .Reader.As.User {
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    max-height:80%;
}

body.authorized .app.content.user .screen .Readerentry.Medialist,
body.authorized .app.content.user .screen .Readerentry.Issue {
    margin-bottom:10px;
    background:#FFF;
    /*border-bottom:2px #5b6680 solid;*/
}

body.authorized .app.content.user .screen .Reader.As.User > .header {
    display:none;
}

body:not(.authorized) .app.content.user .screen {
    padding:20px 30px;
    background:#F7F7F7;
}





/* Local mode: Positioning.css
**************************************/

html body app.content.user > .screen {
    padding:15px;
}

html > body .app.content.user {
    z-index:9999999;
    position:fixed;
    top:0px;
    left:0px;
    width:400px;
    height:100%;

}

html.desktop body.userDim .app.content.user {
    box-shadow:10px 0px 20px 0px rgba(0, 0, 0, .2);
    -webkit-box-shadow:10px 0px 20px 0px rgba(0, 0, 0, .2);
}

html body.userDim .app.content.user {
    transform:translateX(-350px);
}

html.mobile > body .app.content.user {
    width:100%;
}

html.mobile body.userDim .app.content.user {
    transform:translateX(-100%) translateX(50px);
}

html.tablet body .app.content.user,
html.desktop body .app.content.user {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

/* Not authorized */
html > body:not(.authorized) .app.content.user > .toggle {
    display:none;
}


html > body:not(.authorized) .app.content.user {

}

html.tablet > body:not(.authorized) .app.content.user,
html.desktop > body:not(.authorized) .app.content.user {
    top:50%;
    margin-top:-200px;
    height:400px;
      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);

    left:50%;
    width:400px;
    margin-left:-200px;
    overflow:hidden;
    border-radius:10px;
}

/** mobile */

html.mobile.portrait > body.authorized .app.content.user {
    width:calc(100%);
}

html.mobile.portrait body.userDim .app.content.user {
    transform:translateX(-95%);
}

/** Not authorized */
html.mobile.landscape > body:not(.authorized) .app.content.user,
html.mobile.portrait > body:not(.authorized) .app.content.user {
    left:20px;
    width:calc(100% - 40px);
    top:20px;
    height:calc(100% - 40px);
}




/* Local mode: AppContentTypeUserLogin.css
**************************************/

body.login-invalid:before {
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(250, 50, 0, .75) !important;
      animation:ani-attention 5s infinite 0s;
  -webkit-animation:ani-attention 5s infinite 0s;
  -moz-animation:ani-attention 5s infinite 0s;
  -o-animation:ani-attention 5s infinite 0s;
  -ms-animation:ani-attention 5s infinite 0s;

    bottom:0px;
    left:0px;
    content:' ';
    z-index:1;
}

body.login-invalid .app.content.user.login .screen > .p {
    display:none;
}

.app.content.user.login .screen.proceeding button,
.app.content.user.login .screen.proceeding #username,
.app.content.user.login .screen.proceeding #password {
    display:none;
}

.app.content.user.login .screen #password:before {
    -webkit-text-security:none;
}

.app.content.user.login .screen #password {
    -webkit-text-security:square;
}

.app.content.user.login > .screen {
    position:relative;
}

.app.content.user.login > .screen > .logo {
    width:100px;
    height:auto;
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 0;
    opacity: .1;

}

.app.content.user.login > .screen > .heading {
    margin-bottom:15px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

.app.content.user.login .Unit.Input:empty {
    background:#EEE;
}




/* Local mode: Authorized.css
**************************************/


body.authorized .app.content.user.login .Appnav {
    margin-bottom:5px;
}

body .app.content.user.login .screen > .response {
    margin-top:5px;
}

body .app.content.user.login .screen > .response b {
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

}




/* Local mode: Appnav.css
**************************************/

body.tablet .Appnav .Contain > a,
body.desktop .Appnav.Contain > a {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

/*.Appnav .Contain.Root > a.active {*/
/*    background:#F5F5F5;*/
/*    color:#5b6680;*/
/*}*/

.Appnav .Contain {
    position:relative;
}





/* Local mode: AppnavIcon.css
**************************************/

html > body.authorized app.content[data-nav="Icon"] > .screen {
    padding-top:30px;
}

html > body app.content[data-nav="Icon"] > .screen {
    margin-right:50px;
}

.Appnav.Icon {
    position:absolute;
    top:0px;
    right:0px;
    width:50px;
    height:100%;
    padding-top:87px;
    background:#414450;
}

.Appnav.Icon .Contain > a:active,
.Appnav.Icon .Contain > a:hover {
    background:#a6d8fe;
    color:#326c8e;
}

.Appnav.Icon .Contain > a > .svg {
    width:100%;
    height:100%;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Appnav.Icon .Contain > a:not(.active):hover > .svg {
    opacity:1;
}

.Appnav.Icon .Contain > a:not(.active) > .svg {
    opacity:.5;
}

.Appnav.Icon .Contain > a:not(.active) {
    -webkit-box-shadow:inset 15px 0px 30px -10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:inset 15px 0px 30px -10px rgba(0, 0, 0, 0.4);
    box-shadow:inset 15px 0px 30px -10px rgba(0, 0, 0, 0.4);
}

.Appnav.Icon .Contain > a {
      border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  -ms-border-radius:2px;
  border-top-left-radius:0px;
  -webkit-border-top-left-radius:0px;
  -moz-border-top-left-radius:0px;
  -o-border-top-left-radius:0px;
  -ms-border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-bottom-left-radius:0px;
  -o-border-bottom-left-radius:0px;
  -ms-border-bottom-left-radius:0px;

    padding:12px;
    display:block;
    text-align:center;
    width:46px;
    height:46px;
    margin-bottom:4px;
    background:#EEE;
}




/* Local mode: AppnavIconUser.css
**************************************/

body.authorized.userDim .Appnav.Icon.User:before {
    content:" ";
    position:absolute;
    top:7px;
    right:8px;
    display:block;
    z-index:999;
    background-image:url('/static/branding/logo-icon.png');
    background-repeat:no-repeat;
    width:34px;
    height:20px;
    background-size:contain;
    background-position:50% 50%;
}




/* Local mode: DomApp.css
**************************************/

app {
    display:block;
    margin:0;
    padding:0;
    border:0;
}




/* Local mode: auths.css
**************************************/

body[data-at="a1"] .a4,
body[data-at="a1"] .a3,
body[data-at="a1"] .a2 {
    display:none !important;
}

body[data-at="a2"] .a4,
body[data-at="a2"] .a3 {
    display:none !important;
}

body[data-at="a3"] .a4 {
    display:none !important;
}




/* Local mode: body-html.css
**************************************/

html, body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    opacity:1;
}

body.initializing {
    visibility:hidden;
}

body {
    overflow-x:hidden;
    font-size:14px;
    color:#414652;
    padding:0px;
}

html.mobile body.nav-top-open {
    overflow:hidden;
}

html.desktop body {
    overflow-y:auto;
}




/* Local mode: DomFooter.css
**************************************/

body > main > footer:not(:has( > .as-icon)) {
    background:#FFF;
}

body > main > footer {
    position:fixed;
    text-align:right;
    z-index:999999999999999999;
    color:#5b6680;
    padding:5px 10px;
    font-size:11px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

body > main > footer.a-center {
    text-align:center;
    width:100px;
    margin-left:-50px;
    left:50%;
    bottom:0px;
}

body > main > footer.a-left {
    bottom:0px;
    left:0px;
}

body > main > footer:not(.a-left):not(.a-center) {
    bottom:0px;
    right:0px;
}

footer a:active,
footer a:hover {
    color:#58a9da;
      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

}

footer a {
    color:#326c8e;
    text-decoration:none;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

footer:empty {
    display:none;
}




/* Local mode: DomImg.css
**************************************/

.Img.p {
    /*  transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
*/
}


.Img.p.preloading {
    /*  animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;
*/
    opacity:.25;
    filter:blur(5px);
}

.Img.p:not(.preloading) {
    filter:blur(0px);
    opacity:1;
}





/* Local mode: DomImgSvg.css
**************************************/

.Unit.Button > .Img.Svg:not(.exact) {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    transform:translateY(1px);
}

.Unit.Button:active > .Img.Svg,
.Unit.Button:hover > .Img.Svg {
    filter:drop-shadow(1px 1px 0px rgba(30, 30, 30, .1)) brightness(1.5);
}




/* Local mode: Remove.css
**************************************/

.Unit.Button.Remove {
    background:#FFCAC3;
    color:#5b6680;
}
.Unit.Button:hover,
.Unit.Button:active {
    color:#3f4451;
}





/* Local mode: UnitButton.css
**************************************/

.Unit.Button {
    background:none;
    outline:none;
    cursor:pointer;
    border:0;
}

.Unit.Button > svg,
.Unit.Button > span.fms {
    vertical-align:middle;
}

.Unit.Button.is-toggle.is-toggled svg:not(.is-alt),
.Unit.Button.is-toggle:not(.is-toggled) svg.is-alt {
    display:none;
}

.Unit.Button.is-locked {
      user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  -ms-user-select:none;
  -webkit-touch-callout:none;
  pointer-events:none;

    opacity:.5;
}




/* Local mode: UnitButtonPlain.css
**************************************/

.Unit.Button.Plain {
    padding:2px 4px;
    font-size:14px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    display:inline-block;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    position:relative;
    color:#5b6680;
}

.Unit.Button.Plain:hover,
.Unit.Button.Plain:active {
    color:#6bb586;
      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

}

.Unit.Button.Plain:active {
    transform:scale(.95);
}

.Unit.Button.Plain.active {
    color:#FFF;
}




/* Local mode: UnitButtonSquare.css
**************************************/

.Unit.Button.Square {
    padding:10px 15px;
    font-size:16px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    display:inline-block;
      border-radius:0px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  -o-border-radius:0px;
  -ms-border-radius:0px;

      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    position:relative;
    background:var(--grey-lightest, #FAFAFA);
    color:var(--grey-dark, #333);
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

}

.Unit.Button.Square:hover,
.Unit.Button.Square:active {
    color:var(--color-heading-light);
    background:var(--color-heading-dark);
      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

}

.Unit.Button.Square.is-invert {
    background:var(--color-heading-dark);
    color:#FFF;
}

.Unit.Button.Square.is-invert:hover,
.Unit.Button.Square.is-invert:active {
    color:var(--color-heading-dark);
    background:var(--color-heading-light);
}

.Unit.Button.Square:active {
    transform:scale(.99);
}

html.touch body .Unit.Button.Square {
    padding:8px 16px;
}

html.mobile body .Unit.Button.Square {
    font-size:13px;
}




/* Local mode: DomUnitInput.css
**************************************/

div.Unit.Input {
    position:relative;
    font-weight:500;
    background:#FEFEFE;
    /*margin-bottom:2px;*/
      -webkit-touch-callout:text !important;
  -webkit-user-select:text !important;
  -khtml-user-select:text !important;
  -moz-user-select:text !important;
  -ms-user-select:text !important;
  user-select:text !important;
  -webkit-user-modify:read-write-plaintext-only;
  outline:none;
  cursor:text !important;

      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;


}

div.Unit.Input:not(.small) {
    font-size:22px;
    padding:10px;
}

.Reader[layout="narrow"] div.Unit.Input:not(.small) {
    font-size:14px;
    white-space:nowrap;
}

div.Unit.Input.small {
    font-size:16px;
    padding:10px;
    margin-top:5px;
}

div.Unit.Input.small:empty {
    /*border-bottom:1px transparent solid;*/
}

div.Unit.Input.small:not(:empty) {
    padding-left:10px;
    padding-top:15px;
    padding-bottom:5px;
    background:#FFF;
    color:#5b6680;
    border-left:2px #6bb586 solid;
}

div.Unit.Input[placeholder]:before {
    padding-left:0px;
}

/*"\2713  "*/
div.Unit.Input.small[placeholder]:not(:empty):before {
    content:attr(placeholder);
    position:absolute;
    left:10px;
    top:2px;
    color:#999;
    font-size:9px;
    font-weight:300;
}

div.Unit.Input[placeholder]:empty:before {
    content:attr(placeholder);
    color:#999;
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:block;
    width:100%;
}

div.Unit.Input[placeholder]:empty:focus:before {
    color:#777;
}

div.Unit.Input:focus {
    outline:none;
}





/* Local mode: DomUnitSvgbodyTriangles.css
**************************************/


:root {
    --svg-tria-bg-a:#a6d8fe;
    --svg-tria-bg-b:#58a9da;
}

.Unit.Svgbody.Triangles {
    width:100%;
    height:100%;
    position:fixed;
    z-index:-2;
    left:0;
    top:0;
    overflow:hidden;
}

body:not(.svgbody-auto).authorized .Unit.Svgbody.Triangles {
    display:none;
}

body:before {
    pointer-events:none;
    position:fixed;
    right:0px;
    bottom:0px;
    z-index:-2;
    width:100%;
    height:100%;
    content:'';
}



body.svgbody-auto:before,
body:before {
    background:radial-gradient(var(--svg-tria-bg-a), var(--svg-tria-bg-b));
}

body.authorized:before {

}





/* Local mode: Entityrender.css
**************************************/

.Entityrender {
    position:relative;
}

html.touch .app.pilkes .Reader:not(.plain) > .list > .entries > .Readerentry > .Entityrender {
    padding:15px;
}

/* Quick/n/d only pilkes apps have this padding */
html.desktop .app.pilkes .Reader:not(.plain) > .list > .entries > .Readerentry > .Entityrender {
    padding:15px;
}

/* Custom treatment generalized Body html markup */
.Entityrender .Body.v > div {
    margin-bottom:1em;
}

.Entityrender .Body.v > div > div div {
    margin-left:10px;
    padding-left:5px;
}

.Entityrender .Body.v > div div {
    margin-bottom:1em;
}





/* Local mode: EntityrenderAuto.css
**************************************/

.Entityrender.Auto {

}

.Entityrender .Auto div.Level,
.Entityrender.Auto div.Level {
    line-height:15px;
}

.Entityrender .Auto .Level.Group,
.Entityrender.Auto .Level.Group {
    margin-top:5px;
}

.Entityrender .Auto .Level.Group > .key,
.Entityrender.Auto .Level.Group > .key {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

.Entityrender .Auto .Level .key,
.Entityrender.Auto .Level .key {
    color:#AAA;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:300;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    font-size:11px;
}

.Entityrender .Auto div.Level .value:empty,
.Entityrender.Auto div.Level .value:empty {
    content:'/';
}

.Entityrender .Auto div.Level.Expression .value {
    white-space:pre;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:300;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    color:#5b6680;
}

.Entityrender .Auto div.Level .value,
.Entityrender.Auto div.Level .value {
    display:block;
    padding:4px 2px;
    font-size:11px;
}

.Entityrender .Auto .Level,
.Entityrender.Auto .Level {
    margin-left:0px;
    padding-left:15px;
    border-left:1px #FAFAFA solid;
}




/* Local mode: Global-Title.css
**************************************/

.Reader .Entityrender.As > .Title:not(.g):not(.Value) {
    font-size:18px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    color:#5b6680;
}




/* Local mode: Global-id.css
**************************************/

/*.Entityrender > .id {*/
/*    text-align:left;*/
/*}*/

.Reader.Input.open .Entityrender.Input > .id,
.Entityrender.As > .id {
    top:5px;
    text-align:right;
    right:5px;
}

.Entityrender.Input > .id,
.Entityrender.As > .id {
    color:#5b6680;
}

.Entityrender.As > .id {
    position:absolute;
}

.Reader.Input.open .Entityrender.Input > .id {
    position:relative;
    float:right;
}

.Entityrender.Input > .id {
    font-size:9px;
}

.Reader.Input.open .Entityrender.Input.directing {
    padding-right:30px;
}




/* Local mode: Value.css
**************************************/

.Valuegroup.has-resp.resp-err {
    border-left:4px #FF9191 solid;
}

.Valuegroup:not(.Restricted).has-resp.resp-err {
    background:#FFF;
}

.Valuegroup.has-resp.resp-ok {
    border-left:2px #6bb586 solid;
}

.Valuegroup:not(.Restricted).has-resp > .label {
    display:none;
}

.value-response {
    white-space:normal;
    font-size:13px;
    display:block;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    padding-bottom:10px;
}

.has-resp.resp-err .value-response,
.Valuegroup.has-resp.resp-err .value-response {
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

    color:#FF9191;
}

.has-resp.resp-ok .value-response,
.Valuegroup.has-resp.resp-ok .value-response {
    color:#6bb586;
}

.Valuegroup.has-resp .value-response > b {
    display:block;
}




/* Local mode: ValueAs.css
**************************************/

.Str.Paragraph.Value.As {
    max-width:100%;
    width:100%;
}

/* All value objects (Valueform or Form)*/
.Str.Paragraph.Value.As,
select.Value.As,
input.Value.As,
.Value.As > input.inherit {
    color:#343740;
    border:0px;
}

/* Only value objects with a Valuegroup (Form) */
.Valuegroup .Str.Paragraph.Value.As,
.Valuegroup select.Value.As,
.Valuegroup input.Value.As,
.Valuegroup .Value.As > input.inherit {
    background:rgba(255, 255, 255, .5);
}

/* :FOCUS Only value objects with a Valuegroup (Form) */
.Valuegroup .Str.Paragraph.Value.As:focus,
.Valuegroup .Value.As:focus,
.Valuegroup .Value.As > input.inherit:focus {
    background:rgba(255, 255, 255, 1);
    -webkit-box-shadow:inset 1px 1px 1px rgba(30, 30, 30, 0.1);
    box-shadow:inset 1px 1px 1px rgba(30, 30, 30, 0.1);
}

/* :FOCUS All value objects (Valueform or Form)*/
.Str.Paragraph.Value.As:focus,
.Value.As:focus,
.Value.As > input.inherit:focus {
    outline:none;
}

html.desktop .Str.Paragraph.Value.As,
html.desktop .Value.As > .Value.As > input.inherit,
html.desktop .Value.As {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

/* :FOCUS All value objects within Valuegroup.PLAIN */
.Valuegroup.Plain .Str.Paragraph.Value.As:focus,
.Form .Valuegroup.Plain select.Value:focus,
.Form .Valuegroup.Plain .Value > input.inherit:focus,
.Form .Valuegroup.Plain input.Value:focus {
    background:#FFF !important;
}

.Valuegroup.Restricted .Str.Paragraph.Value.As:focus,
.Form .Valuegroup.Restricted select.Value:focus,
.Form .Valuegroup.Restricted .Value > input.inherit:focus,
.Form .Valuegroup.Restricted input.Value:focus {
    background:#4e525f;
}

.Str.Paragraph.As:active,
input.Value.As:active,
.Value.As > input.inherit:active {
    color:#000;
}

/** Below used to be preceded by .Form  -------------------------------------------------------------------------- */

.Value > input.inherit,
.Value {
    font-size:16px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    position:relative;
}

.Input.Search,
select.Value,
input.Value,
.Value > input.inherit,
.Valuegroup > .Value:not(.Branch):not(.Reader) {
    padding:5px;
}

select.Value,
input.Value,
.Value > input.inherit,
.Valuegroup > .Value:not(.Branch):not(.Reader) {
    background:none;
    border-radius:0;
}

.Input.Search {
    background:rgba(255, 255, 255, .9);
}






/* Local mode: ValueAsBool.css
**************************************/

.Value.As.Bool {
    height:38px;
}

.Value.As.Bool.th-tiny {
    height:20px;
}

.Value.As.Bool {
    position:relative;
    display:inline-block;
    vertical-align:middle;
}

.Value.As.Bool:hover > .guide {
    color:var(--color-heading-dark, #326c8e);
}

.Value.As.Bool.th-tiny > .guide {
    font-size:14px;
    padding-left:38px;
    transform:translateY(1px);
}

.Value.As.Bool > .guide {
    position:relative;
    padding-left:70px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    transform:translateY(9px);
      white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

}

.Value.As.Bool * {
    cursor:pointer;
}

/* Hide default HTML checkbox */
.Value.As.Bool > .slider,
.Value.As.Bool > input {
    width:60px;
}

.Value.As.Bool.th-tiny > .slider,
.Value.As.Bool.th-tiny > input {
    width:30px;
}

.Value.As.Bool > input {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    outline:none;
    opacity:0;
    z-index:999;
    position:absolute;
    top:0px;
    left:0px;
    padding:15px;
    height:29px;
}

/* The slider */
.Value.As.Bool:hover > .slider {
    background-color:rgba(0, 0, 0, .2);
}

.Value.As.Bool > .slider {
    height:30px;
    position:absolute;
    top:4px;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, .15);
    -webkit-transition:.2s;
    transition:.2s;
}

.Value.As.Bool.th-tiny > .slider {
    height:20px;
    top:0px;
}

.Value.As.Bool.inverted > .slider {
    background-color:var(--color-heading, #58a9da);
}

.Value.As.Bool > .slider:before {
    position:absolute;
    content:"";
    height:26px;
    width:26px;
    left:2px;
    bottom:2px;
    background-color:#FFF;
    /*border:1px #EEE solid;*/
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Value.As.Bool.th-tiny > .slider:before {
    height:16px;
    width:16px;
}

.Value.As.Bool > input:checked + .slider {
    background-color:var(--color-heading, #58a9da);
}

.Value.As.Bool.th-tiny > input:checked + .slider {
    border-radius:3px 20px 20px 3px !important;
}

.Value.As.Bool.inverted > input:checked + .slider {
    background-color:#FF9191;
}

.Value.As.Bool > input:focus + .slider {
    box-shadow:0 0 1px var(--color-heading, #58a9da);
}

.Value.As.Bool.th-tiny > input:checked + .slider:before {
    -webkit-transform:translateX(10px);
    -ms-transform:translateX(10px);
    transform:translateX(10px);
}

.Value.As.Bool > input:checked + .slider:before {
    -webkit-transform:translateX(30px);
    -ms-transform:translateX(30px);
    transform:translateX(30px);
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

    border-radius:  2px 50% 50% 2px;
}

/* Rounded sliders */
.Value.As.Bool > .slider.round {
    border-radius:30px;
}

.Value.As.Bool.th-tiny > .slider.round {
    border-radius:20px 0px 0px 20px;
}

.Value.As.Bool > .slider.round:before {
    border-radius:50% 2px 2px 50%;
}

.Value.As.Bool:not(.requesting):before,
.Value.As.Bool:not(.requesting):before {
    text-shadow:rgba(0, 0, 0, .1) 1px 1px 0px;
}

.Value.As.Bool:not(.requesting).selected:before {
    content:'\2713';
    position:absolute;
    left:10px;
    top:7px;
    font-size:20px;
    z-index:999;
    color:#FFF;
}

.Value.As.Bool.th-tiny:not(.requesting).selected:before {
    left:15px;
    color:var(--color-heading);
}

.Value.As.Bool.th-tiny:not(.requesting):not(.selected):before,
.Value.As.Bool.th-tiny:not(.requesting).selected:before {
    font-size:12px;
    top:3px;
}

.Value.As.Bool.th-tiny:not(.requesting):not(.selected):before {
    left:10px;
}

.Value.As.Bool:not(.requesting):not(.selected):before {
    content:'\2717';
    content:'';
    position:absolute;
    left:37px;
    top:6px;
    font-size:20px;
    z-index:999;
}

.Value.As.Bool:not(.requesting):not(.selected):before {
    color:#FF9191;
}




/* Local mode: ValueAsReader.css
**************************************/

.Value.Reader {
    padding:0px;
    background:none;
    border:none;
}

.Valuegroup.isReader:not(.Restricted) > .label {
    /*display:none;*/
}




/* Local mode: ValueAsStr.css
**************************************/

.Value.Str {
    width:100%;
}




/* Local mode: Entitylist.css
**************************************/

.Entitylist {
    font-size:14px;
}




/* Local mode: DomAnchorToPage.css
**************************************/

.Anchor.To.Page {

}

.Anchor.To.Page.as-icon > .Svg {
    fill:#FFF;
}

.Anchor.To.Page > .Svg {
    vertical-align:middle;
}




/* Local mode: ValueAsHtml.css
**************************************/

.Value.Html {
    width:100%;
    max-width:100%;
    min-width:100%;
    min-height:250px;
    border:0px;
}




/* Local mode: ValueAsHtmlInExpression.css
**************************************/

.Value.As.Html.Expression {
    white-space:nowrap;
    tab-size:1em;
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  tab-size:1em;

    font-size:12px;
    min-height:650px;
    padding:10px;
    border:2px #58a9da solid;
    margin:5px;
}