/* 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: 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: 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: 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:47px;
    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:40px;
}

.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.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(20px);
    -ms-transform:translateX(20px);
    transform:translateX(20px);
}

.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:1px #326c8e solid;*/
}

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

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

.Value.As.Bool > .slider.round:before {
    border-radius: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:6px;
}

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

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

.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;
}